On this page

Overview

The Offer Builder is where you configure all of the details about the offer you're making, the compelling text copy for your offer and the styles of the offer popup that is shown on the Thank You Page.

To access the Offer Builder, from the "Edit funnel" page click the "Builder" button:

On the "Builder" page, you will see offer Sections available on the left-side and an interactive offer Preview on the right. Select which offer section you'd like to edit from the sidebar by clicking on it.

When you've finished editing your offer configuration and styles to your liking, click the "Save" button in the top-right corner to save your work:

If you'd like to revert all changes made at anytime back to the default offer template, click the "Restore default view" button. Confirm the action by clicking the "Restore view" button in the popup:

To navigate back to the “Edit funnel” page, click the < button:

Offer Sections

When an offer Section is clicked on, the corresponding section will be highlighted on the interactive Preview, so you know exactly which part of the offer is being worked on:

The following offer sections are available, see more details about each one by clicking a link below:

Header title

The Header title is displayed at the very top of the offer. It's recommended to use attention-grabbing text here to get the customer's attention. Default text is provided: "Wait! One More Special Offer:"

  • The text can be changed in the "Text" field. A maximum of 90 characters can be added.

  • Select the "Font" you want used for the text in the font dropdown menu. "Current site font" (default) means that the font will be inherited from the Merchant’s storefront I.e. the text will have the same font family as the Thank You Page on the Merchant’s store.
    📝"Current site font" can't be displayed on the interactive preview, only on the live Thank You Page.

  • Enter the Font Size you'd like used from 8px - 40 px.

  • Select the Font Weight you'd like used from the dropdown menu:

  • To change the Text Color, click on the color swatch. You can either use the color picker or enter a color hex code into the available field. Click the ✔ to apply the color:

  • The Alignment of the text (Left / Center / Right) can be set using the "Alignment" setting:

Click the " < Header title" link to navigate back to the main Offer Editor page:

Upsell description

The upsell description is displayed directly below the header title. Default text is provided: "Get 15% OFF This Item TODAY ONLY!"

  • There is an option to Show/Hide this section using the "Show" toggle:

  • The text can be changed in the "Text" field. A maximum of 90 characters can be added. Just as before, there are also options to edit the text's Font, Font size, Font weight, Color and Alignment:

  • Click the " < Upsell description" link to navigate back to the main Offer Editor page:

Timer

The timer section is displayed directly below the upsell description section. Default text is provided: "Hurry! This exclusive offer expires in:"

  • There is an option to Show/Hide this section using the "Show" toggle and to set the time for the timer in the "Duration" section (3 , 5 or 10 minutes):

📝The timer is designed to create urgency for the customer to take action within the given time period. The offer is still available to be added, even if the timer expires.

  • The text can be changed in the "Text" field. A maximum of 90 characters can be added. Just as before, there are also options to edit the text's Font, Font size, Font weight, Color and Alignment:

  • Click the " < Timer" link to navigate back to the main Offer Editor page:

Product name

The product name is shown to the right of the product thumbnail image. The text for it is pulled directly from the "Product Name" in the "Products" section of your BigCommerce admin for the product being featured:

  • There are options available to edit the text's Font, Font size, Font weight and Color.

  • Click the " < Product name" link to navigate back to the main Offer Editor page:

Discount

In the "Discount" section, you can add a discount to your offer to help increase conversion rate:

📝The discount is actual and applied to this offer only at the time the customer views the live Thank You Page with the offer included on it.

  • The "Show discount" toggle can be disabled if you don't want to include a discount on your offer.

  • The "Show saving label" toggle can be disabled if you don't want the "save $X.XX!" text shown next to the discount amount.

  • The actual discount you want applied to the offer is configured in the "Discount" field where either a percent or fixed amount discount be applied.

  • There are also options to edit the discount text's Font, Font size, Font weight, Color and Alignment:

  • Click the " < Discount" link to navigate back to the main Offer Editor page:

Price

The "Price" section is shown directly below the Discount section. This is the price the customer will pay for the offer, including the discount applied (if applicable), but excluding Shipping and Tax. The "Total" cost (including shipping and taxes) of the offer will be listed at the bottom.

📝Total cost is only able to be calculated on the live Thank You Page offer, since these figures are calculated dynamically when the live offer is presented, based on your store's shipping and taxes settings.

  • The "Show old price" toggle can be disabled if you don't want the product's original price shown crossed-out next to the discounted price. Enabled by default (recommended).

  • There are also separate font style options available (Font, Font size, Font weight and Color) for both the "price" and "old price":

  • Click the " < Price" link to navigate back to the main Offer Editor page:

Shipping

In the "Shipping" section, you will find a toggle to enable "Free shipping" for your offer. When enabled, the Shipping line will show "Free" and the customer will receive free shipping on the offer. Giving free shipping for the offer is definitely recommended (if possible) as it increases the offer conversion rate.

📝If Free shipping is not enabled, the customer will be charged the same shipping rate as the initial order I.e. if the customer was charged $5 shipping when the initial order was placed, $5 shipping would also be charged for the offer product.

  • Click the " < Shipping" link to navigate back to the main Offer Editor page:

Info section

The "Info section" displays directly below the Price and includes a Quantity selector and all of the pricing information about the offer being made.

  • There are options to edit the Info section's Font, Font size, Font weight and Color

  • Click the " < Info section" link to navigate back to the main Offer Editor page:

Buy button

The "Buy button" section shows at the bottom of the offer and is the button the customer needs to click to accept the offer. "Buy now" is the default text, but can be changed in the Title field (24 character limit).

  • A "Large button" toggle is available and enabled by default, but can be disabled to use a smaller width button.

  • The button color can also be edited using the available color picker or by entering in a color hex code.

  • There are options available to edit the button's Font, Font size, Font weight and Text Color as well.

  • Click the " < Buy button" link to navigate back to the main Offer Editor page:

After purchase message

The "After purchase message" is shown on the Thank You Page after the customer buys the offer, visually indicating a successful transaction:

  • The text can be changed in the "Text" field. A maximum of 90 characters can be added. There are also options to edit the text's Font, Font size, Font weight, Color and Alignment

  • There are also "Show border" and "Show icon" toggles which can be enabled/disabled. When enabled, border color and icon color can be edited using the available color picker or by entering in a color hex code.

  • Click the " < After purchase message" link to navigate back to the main Offer Editor page:

Please reach out to us in Support Chat or by emailing us at help@zipify.com if you have any questions we can help with!

Did this answer your question?