There are currently 3 types of button elements within sections for Zipify Pages.

A new basic button element can also be added to any existing section on the page by clicking on the "add element" button above/below an existing element and selecting the "Button" element:

First, choose the Device Type (1) from the "Edit on" section at the top. Next, choose the Button Type (2) you'd like used from the dropdown menu. The button type allows you to control the style for the button. Each button type's style can be configured locally using the "Page Styles" settings or globally using the "Global Styles" settings.

The Button settings are comprised of the following 9 Tabs accessible from the sidebar of the builder, where you can configure everything about the button:

1. In the "Main" tab you can edit the following:

2. In the "Background" tab you can edit:

3. In the "Shape" tab you can edit:

4. In the "Border" tab you can edit:

5. In the "Box Shadow" tab you can edit:

6. In the "Spacing" tab you can edit:

7. In the "Alignment" tab you can edit:

8. In the "Size" tab you can edit:

9. In the "Visibility" tab you can edit:

This is the default option for the button. It allows you to specify the URL where you want to direct the visitor. You can also select whether you want to open the specified URL in the same browser tab or in a new one.

Use the mailto:user@server format for Email links.

Use the tel:phone number format for Phone links.

Helpful Tip: You can use a Permalink URL here to add product(s) to either the Cart page or the Shopify Checkout page directly. 

This option allows you to direct your customers to the Cart page of your store when the button is clicked. For example: www.yourstore.com/cart

📝 This option does not add any product(s) to the cart on your store. For "Add to Cart" button functionality, use a Buy Box section instead. 

In order to use this feature you first need to connect a CRM system(s) to Zipify Pages in the Settings > CRMs section.

All connected CRM systems will appear in the "Select CRM" drop-down list. Select your desired CRM system to activate the "Select Mailing List" drop-down list and choose the List (Tag if using Infusionsoft) from the CRM system where you want the visitor's information collected.

📝 If you have multiple Domains for your store, to ensure that the opt-in works and the subscriber is passed to your CRM correctly at all times, you should click the "Redirect all traffic to primary domain" option in Settings > Domains of your Shopify admin. 

Next, click the "CRM Settings" button to choose the fields you'd like included and to complete the remaining setup for your opt-in form. The default set of form fields are:

The First/Last Name and Phone fields can be disabled by un-checking the respective checkboxes if you don't want them used for the form.

The next step is to configure the Text and Styles for the pop-up form. Available options: 

Any of these images can be disabled by un-checking the check-box next to the image name. 

In the GDPR Notification and Privacy Notification sections you can toggle on/off these text fields from showing on your opt-in form. You can also edit the text and text color. The GDPR message is only shown to EEA site visitors based on IP address.

Finally, configure the Post Submit Actions for your Opt-in Form, which is the action you want taken after a visitor successfully opts-in to your form. The available Actions are:

The Sending confirmation checkbox gives you an option of whether or not to display a custom confirmation message on-page once the form is submitted. 

📝 You're only able to save your changes if the CRM system and List are selected for the pop-up form. The Builder provides no ability to preview the lightbox pop-up directly. It only appears on a published page once the button is clicked. 

This option allows you to select any of your previously published ZP pages and link to them once the button is clicked.

You can also select whether you want to open the page in the same browser tab or in a new one.

📝 In case you've removed/unpublished the page where the button is linked to, it will give the visitor a "404 page not found error" once the button is clicked.

This option allows you to select one of your Store's products to have the visitor sent to the specified Shopify product detail page.

For your convenience, you can find your desired product through a Live Search input field or by selecting the product thumbnail shown in the popup:

This option allows you to link the button to your store's homepage URL. You can also select whether you want to open the Homepage in the same browser tab or in a new one.

This option allows you to select any of your previously published ZP blog posts and link to them once the button is clicked.

You can also select whether you want to open the page in the same browser tab or in a new one.

This option allows you to "anchor" the button to another specific section on the same page. On the published page, when the button is clicked it will scroll the page to the specified section.

The media option allows for displaying either an image or a video in a lightbox popup when the button is clicked on the published page. For an "Image" click the "Choose Image" button and add the desired image from your Image Library. For a "Video" click on the "Add Video" tab and then paste in your video's URL or embed code into the available field.