How can we help?

Search our help center

How to Create a Subscription Embed Form

The Subscription Form in SMSBump allows you to create 3 visual types of phone number signup forms to appear on your Shopify store’s website:
 

  • Floating button: a floating button displays at the bottom of your website and opens the signup form when clicked.
     

  • Popup: the popup will appear in the center of any page on your website you select.
     

  • Embed form: Copy the embeddable form code and paste it in your theme files to display on any page.

 

In this post you will learn how to create a subscription embed form.
 

 

Getting Started
 

Click on Subscription Form on the main menu.
 

SMSBump_side_menu_form_type

 


You will now see the 3 subscription form options. Click on Select under Embed Form to open it up.


select_embed_form_SMSBump

 

 

Setting Up Form Appearance

 

You will see all the required steps to set up the embed form. Click on Form Appearance.

 

SMSBump_form_appearance_embed_form

 

 

You are now able to choose a color for each element of the embedded form. Click on a square to select a color, or type in your own hex code for a specific shade (e.g. #00FFFF for aqua).
 

  • Form Background Color: Choose the background color that will display behind the text of your sign up form.
     

  • Form Text Color: This is the color of the text that will appear throughout your entire form.
     

  • Form Error Color: Select a color of the text that will display if a customer enters an invalid response or misses to fill in one of the required fields.
     

  • Subscribe Button Text Color: Choose a color for the button customers will click to subscribe.
     

 

form_color_embed_form_SMSBump
 

You can keep an eye on the site layout for a preview of how the embed form will appear on your site. You can click on the desktop, tablet, or phone icon to see how the popup will display on each device.
 

 

SMSBump_embed_form_preview


 

Once you choose the colors you like, click on Next Step.


 

next_step_embed_form_SMSBump


 

Writing the Form Texts
 

Before you write the form texts, you can choose an icon that will grab your customer’s attention.

 

Icon: Click On to enable the feature. The icon will display on top of the form above the header text.


Search icons: You can search for different icons by writing words in the field box. The icons will then automatically load.


Load more: Click on the button to expand the list and load additional icons.

 

choose_icon_embed_form_SMSBump

 

 

  • Header Text: This text will appear right below the icon. It should be short and catchy enough to grab the customer’s attention and prompt them to join your SMS marketing service.
     

  • Description: Add some additional text below the header text that explains to customers what they will get out subscribing.
     

 

header_description_embed_form_SMSBump

 

Phone Field Placeholder
 

Under Phone Field Placeholder, you should write a phrase prompting customers to enter their phone number.
 

SMSBump_phone_field_placeholder_embed_form

 

 

Subscriber Settings
 

The following settings allow you to customize the text that will appear to customers throughout the entire process of subscribing to receive marketing messages.

 

  • Subscriber SMS Program Text: In this field, let customers know that message rates may apply as well as how to cancel a subscription and get help, as well as the number of weekly messages they can expect to receive.

 

  • Subscribe Button: Write the text that will appear on the button they will press to subscribe.

 

subscribe_button_and_text_embed_form_SMSBump  

 

  • Success Heading: Thank the customer for subscribing to your SMS marketing service. This text will appear bolded.
     

  • Success Description: Add some additional text that reiterates the benefits of subscribing to receive SMS notifications.

     

 

SMSBump_thank_you_embed_form

 

Click on Next Step to go on to the next setting, Subscription SMS.

 

 

Choose an Opt In Method


In the Opt In Method dropdown menu, select how the customer subscribes:

 

  • Single: The customer is subscribed after entering their phone number.

  • Double: The customer is subscribed after clicking a confirmation link sent in a text message.

     

opt_in_method_SMSBump_embed_form
 

The Subscription SMS

 

In the field box Subscription SMS, write the message customers will receive once they have subscribed to receive marketing text messages.

 

Use the {SiteUrl} short code to link your Shopify store website.

 

embed_form_subscription_SMS_SMSBump

 

Click on Next Step to get to the next setting, Additional fields.

 

next_step_SMSBump_embed_form
 

 

Additional Fields

 

These are the final settings required to complete your embed form. Don’t overlook them as they are important.

 

  • Enable Country Select: Click On in order to let customers choose their country. When set on off, all subscriber phone numbers will default to the country code of your store location.

 

enable_country_select_embed_form_SMSBump


 

  • Enable GDPR Checkbox: This field should be turned on, to give customers the chance to agree to your Privacy Policy & ToS. It will also be a requirement for TCPA.
     

  • Text: Edit the text that will prompt customers to agree to your privacy policy and terms and conditions. This text will be clickable (a hyperlink leading to the terms page).
     

  • Link: Paste the link that leads to your Privacy Policy & ToS page so customers can be fully informed of the terms and conditions of your store and its services.

     

GDPR_and_text_embed_form_SMSBump


 

  • Enable subscription with text message: Use the On and Off toggle to enable or disable this feature. (It is currently only accessible for U.S. customers).

 

When a customer taps the Subscribe with text message button, they will be redirected to their phone’s messaging app in which they will see a specific generated keyword. Once they send this predefined keyword, they become subscribed to your SMSBump Text Marketing List.


 

subscribe_with_SMS_embed_form_SMSBump


Save and Show Code


Take a final look at the preview, and press the Save and Show Code button when you are happy with how your embed form looks.
 

save_and_show_code_button_embed_form_SMSBump

 

In a short moment, SMSBump will generate the code. You now have a code for your subscription embed form that you can copy and paste in your desired theme file.

 

code_copy_paste_embed_form_SMSBump






 


 









 


Related articles

View the reviews from happy Shopify merchants worldwide who succeed with SMSBump.

Build your SMS marketing strategy. Grow your text message subscriber lists. Segment your audience and automate SMS marketing messages that boost your revenue and ROI.

Copyright © 2019 SMSBump Inc.