How to use a full page sign-up form as a landing page

read
Last updated at:

You will learn

Learn how to build a full page sign-up form in Klaviyo to your website as a landing page, so that you can collect new subscribers for your brand. When a user clicks on the link in your message from their desktop or mobile device, it will open a full-page form that allows them to subscribe. 

Design a new full page form

  1. Navigate to the Sign-up forms > Create a Sign-up Form > Build From Scratch.
  2. Name your form and choose which list subscribers should be added to. 
  3. Select a Full Page form type.
  4. Click Save & Continue to Design start building your new form.
  5. Click on any text in the preview to edit it and customize your form's tone.
  6. Select the Add Blocks tab on the left to drag and drop different input blocks on your form.
    An example full page form with an email input block being edited in the signup form editor.
  7. Select the Styles tab to edit and customize the form to match your brand (i.e., images, background color, form styles).

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. If you are using a multi-step form, you have the option to choose two separate lists for collecting email and SMS subscribers.
  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

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.
    landingpage4.jpg
  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 email subscribers via your anchor link to grow your list. Add it to any call to action in your email or social media channels. 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?
56 out of 103 found this helpful