Create subscription form (freely customizable)

Here’s how to design and configure your custom subscription form.

Looking for a quicker solution? Use the quick subscription form to get started faster with a predesigned layout.

Step by step

1. Open the "Forms" navigation item.

2. Click New form.

   

3. Click "Use form editor".

4. Give your form a meaningful name.

5. Enter the width and height of your form in pixels.

6. Select a style set.

7. Click Create.

8. Structure

   Build the structure of your form. The functionality is the same as in the container editor.

   • Move your cursor from the left or right over the container area to set a vertical cut.

   • Move your cursor from the top or bottom over the container area to set a horizontal cut.

   Switch tool

   When working with splits, you have four tools available.

   Switch between tools to move or delete splits, or set partial splits that do not span the full width or height of the layout.

   1. Set split

      Set split is the default and most important tool. Use it to create a split that spans the entire width or entire height of the layout.

   2. Set partial split

      You cannot split a full-width or full-height split after it has been set. So make sure to choose the correct tool before adding the split.

      • Click the Set partial split tool to add a split that only applies to the current column or row (1)

      • Click the Set split tool to add a full-width or full-height split (2)

        

   3. Move split

      Switch to the Move tool to subsequently move a split.

      Work pixel perfect

      If you want to specify a pixel-perfect split position, you can enter the exact value in the Move tool.

      

   4. Delete split

      Switch to the Delete tool to delete a split.

      Delete sectional splits first

      • First delete all sectional splits which are subordinate to another split

      • You can now delete the splits that served as boundaries for the sectional splits (2).

      

   Is your editor not working as it should? Are you suddenly unable to set any further splits? Or is the editor not working like it normally does? In most cases, that's because you are using the wrong tool.

9. Layout

   In this step, you define where each form element should be placed. The available form elements and their functions are explained in the next step: Content.

   Content & function come later: In the "Layout" workflow step, you're only defining the structure. In the next step, Content, you’ll add texts and define field functions (e.g. the checkbox for Tracking Permission).

10. Content

    In the Content workflow step, you enter the texts for your form and define the functions of checkboxes and input fields.

    Which form fields are available?

    You can use the following form elements:

    Field	Description
    Text	Add one or more free text elements to your form. Text formatting: Click into the text field and apply text styles from your style set. Hyperlinks: Add links if needed, e.g. to your privacy policy. Design: Make sure the correct form element is highlighted in turquoise, then go to the element settings. The most relevant areas here are "Spacing & borders" and "Styling" (for buttons).
    Input field	There is currently an input field where you can enter your e-mail address. Work in progress: In the future, you’ll be able to collect additional attributes like first name or last name via input fields.
    Checkbox	Currently, two types of checkboxes are available. Subscription confirmation This checkbox is mandatory. Recipients must check it to activate the Subscribe button.   Add a suitable confirmation text, e.g.: "I agree to receive the newsletter." Tracking permission If enabled, recipients consent to personalized tracking.   Add a suitable text, e.g.: "I consent to the personalized tracking of my clicks and openings." What does this mean? Recipients who check the box give consent personalized tracking Tracking Permission = Yes Recipients who do not check the box reject personalized tracking Tracking Permission = No § GDPR You may only analyze clicks and openings on a personalized basis if the recipient has given explicit consent to personalized tracking.
    Friendly Captcha	Use Friendly Captcha or Google reCAPTCHA to protect your form from bot activity. Add Friendly Captcha as a form element. Or configure Google ReCaptcha in the form settings. To do this, first remove the "Friendly Captcha" element from your form. Background: Unlike Friendly Captcha, Google reCAPTCHA does not have a visible form element.
    Subscribe button	Clicking the "Subscribe button" submits the subscription request.
    Clear content	Drag the "Clear content" element onto an existing form element to empty that section.

    The form elements "Subscribe button" and "Friendly Captcha" can each be added only once per form.

11. All set? Click Approve.

12. Configure the embed settings, then click Publish.

    

• You have created and published your subscription form.

Your recipients can view and complete the subscription form online as soon as you embed it into your website via iframe.

Next steps

• Prepare your form for embedding: Preview the form, define the form path, and specify the domains that are allowed to access it.

• Set up your subscription and unsubscription process.

• Then switch to your content management system and embed the subscription form into your website via iframe.