Services

In this section, you activate showing the “Client Service” header button and configure its popup.

Theme settings -> Services

General

Here you can decide whether the “Client Service” header button should be shown:

Popup

Decide whether you want a popup for client services to appear when clicking the “Client Service” header button simply by enabling or disabling a popup. You can choose content for the popup by selecting a page. How to add or edit a page is described below. If no page is selected, a default page: 'Include Popup Services' will be used and shown in the popup:

If you disable this option, the client will be redirected to the “Client Services” page when clicking on the “Client Services” header button.

Default page: 'Include Popup Services'

Now you might have a question, how one can edit this default page “Include Popup Services”. In order to do that please follow these steps:

• Go to your Shopify Admin -> Online Store;

• Click on Pages;

• Search for “Include Popup Services” and click on it;

• Start editing the page;

• Save changes.

That is all. Once you follow these steps you will get to the page editor, where you can change the content of this page. In such a way each page can be added and edited. You can read more in our section. How to add and edit a page. This is what the editor of the page looks like:

Demo content, HTML code

• Create a page at the Online Store -> Pages.

• Switch the editor to the coding mode. Press the Show HTML button.

• Paste the demo code and save the page.

<div class="popup-services__head d-flex align-items-center mb-10">
<h5 class="m-0">HERE TO HELP</h5>
</div>
<div class="popup-services__content">
<p>Have a question? You may find an answer in our <a href="/pages/answers-to-your-questions" class="btn-link">FAQs</a>.<br />But you can also contact us:</p>
<h6 class="mb-20">Customer Services</h6>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-197]</i>Call Us: 800-123-4567</p>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-234]</i>Mon-Fri: 9:00 am - 6:00 pm<br />Sat: 9:00 am - 4:00 pm<br />Sun: 9:00 am - 2:00 pm</p>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-153]</i><a href="mailto:[e-mail]" class="btn-link">Send us an email</a></p>
</div>
<hr />
<div class="popup-services__head d-flex align-items-center mb-15">
<h5 class="m-0">SHIPPING</h5>
</div>
<div class="popup-services__content">
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-116]</i>Free shippingdelivery all orders of $49 or more of eligible items across any product category qualify.</p>
</div>
<hr />
<div class="popup-services__head d-flex align-items-center mb-15">
<h5 class="m-0">PAYMENTS</h5>
</div>
<div class="popup-services__content">
<h6 class="mb-20">Accepts the following payment methods:</h6>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-125]</i>Credit Card: Visa, MasterCard, Maestro, American Express. The total will be charged to your card when the order is shipped.</p>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-157]</i>PayPal: Shop easily online without having to enter your credit card details on the website.</p>
</div>
<hr />
<div class="popup-services__head d-flex align-items-center mb-15">
<h5 class="m-0">RETURN POLICY</h5>
</div>
<div class="popup-services__content">
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-009]</i>You can return any item purchased on Shella within 20 days of the delivery date.</p>
</div>