Subscription Booster

Step 1

On the page you want the Subscription Booster to appear, add the following JavaScript:

BreadButter.ui.addNewsletterWidget({
        header_text: 'HEADER_TEXT',
        main_text: 'BODY_TEXT',
        success_header: 'SUCCESS_HEADER',
        success_text: 'SUCCESS_TEXT',
        custom_event_code: 'CUSTOM_EVENT_CODE',
        delay_seconds: 5,
        optin_dismiss_time: 1440,
        image_default: 32, //from 1 ... 36
        background_color: "#FFFFFF",
        font_color: "#000000",
        button_color: "#50aff5",
        button_font_color: "#FFFFFF",
});

Step 2

All of the available parameters are explained below. Feel free to configure them to meet your specific requirements, or remove them altogether to use the default text and configuration.

Step 3

Use the text fields to let your visitors know what you want them to sign up for, and the benefits they get for signing up.

• Replace HEADER_TEXT with the header text you want. This will appear at the top of the dialog.
• Replace BODY_TEXT with the main body of text that you want to appear.
• Replace SUCCESS_HEADER with the header text that you want to appear after a user successfully signs up.
• Replace SUCCESS_TEXT with the success message that you want to appear after a user successfully signs up.

Step 4

• For delay_seconds, enter the amount of time in seconds after page load that you would like the Subscription Booster to appear. Important: don't include ' ' around the time value. See above example data.
• For optin_dismiss_time, enter the amount of time in minutes that the Subscription Booster will be hidden, after a visitors dismisses it. The default value is 1440 minutes (24 hours).

Step 5

Replace CUSTOM_EVENT_CODE with the user event code that you want to trigger when a user signs up. Head to Automations, then the User Events tab to create a new custom event.

Note: A custom event code is required to complete the Subscription Booster setup.

Step 6

For the left side image, you can choose from a set of 36 default images, your own custom image, or no image.

• For image_default choose 1 through 36 to select one of our default images.
• If you want a custom image, replace this with image_source: "URL_HERE", and enter your own image URL. Recommended size: 450 x 600 pixels.
• If you don't want any image, replace this with image_type: "none",.

Step 7

For colors, you can set the backgound color, text color, button color, and button text color for the sign in options section. You only need to adjust these if the default colors don't mesh with your existing site color palette. Enter the hex code for the colors you want.