How to create a landing page with a signup form

read
Last updated at:

You will learn

Learn how to create a landing page to collect new SMS and email subscribers by using a Klaviyo signup form with specific overlay settings and hashtags. When a user taps on the link in your message from their desktop or mobile device, it will open a full-page form that allows them to subscribe. Keep in mind that you must inform users of what type of marketing they’re opting into per SMS compliance laws.

Design a new popup form

  1. Navigate to the Signup Forms > Create a New Popup Form > Build From Scratch.
  2. Name your form and choose which list subscribers should be added to. 
  3. Click Save & Continue to start designing your new form to fit your brand.
  4. Select the Add Blocks tab on the left to drag and drop different input blocks on your form.

It’s best practice to include input fields for both email and phone number, even when you’re only trying to collect subscribers for one of these channels. Klaviyo automatically adds opt-in language when you add the phone number field. This explicitly states that by signing up, the subscriber is opting into receiving marketing text messages from your brand. You may want to change the exact wording of this text, but you must include something to this effect per TCPA guidelines. Klaviyo cannot provide legal advice; before deciding on or using a disclaimer, we recommend consulting your legal counsel.

signup form asking for email and SMS with opt in language

Update the call to action on your form

  1. Click the button on your form (e.g., Get Started Now in the example above).
  2. Set the Action to Submit Form and choose the list you want subscribers to add to. If the list is double opt-in, remember to update the associated subscription confirmation page.
  3. Set After Submit to Show Next Step if you want new subscribers to see the success message after they sign up. Alternatively, you can select Go to URL and input the Destination URL to redirect subscribers to another page on your website, such as your homepage.

button menu showing action as submit form with list chosen and destination URL

Style your full-page form

  1. Open the Styles section to finish designing the form to fit your brand.
  2. Once you’re satisfied with the style, set the Overlay Color to be the same as the Background Color.
  3. Set the Opacity to 100% so that the form looks like just another page on your website.

form background menu with background color matching overlay color

Target your form

  1. Open the Targeting & Behaviors section.
  2. Check that the form displays immediately on page load.
  3. Select Don’t show again after submit form or go to URL action.

tageting menu with display timing showing at page load and don't show again after submit or URL action

     4. Under Targeting, choose Show to all visitors.

     5. Select Only show on certain URLs. Select Containing from the dropdown menu and insert an anchor link. An anchor link starts with a hashtag followed by a descriptive page name (e.g., #InstagramSignup). Targeting an anchor link creates a landing page sign up form experience when users tap the link directly.

targeting menu showing to all visitors and only by certain URLs

Publish and test your form

When you’re ready, publish this form and test that it appears correctly. For example, we set the anchor link to be #InstagramSignup to post it on an Instagram Story:

https://swak-lip-care.myshopify.com/#InstagramSignup.

To make this link clickable on your Story, utilize an Instagram link sticker

If you followed all of these instructions, visitors who click on this link on your Instagram Story will be redirected to your new landing page where they can subscribe to hear more from you.

Next steps

Once the form is published, you’ll begin collecting SMS and email subscribers via your anchor link to grow your list. Add it to any call to action in your email or SMS messaging. Consider adding a split to your welcome series to target those who signed up using this form if you would like to send them a more personalized message.

Additional resources

 

x
Was this article helpful?
29 out of 51 found this helpful