Create subscription form (freely customizable)

Here’s how you can 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 for 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

   There are four tools available to you to work with cuts.

   Switch the tool to move cuts, delete them, Or to make partial cutsthat do not cover the full width or height.

   1. Set cut

      The standard and most important tool is the tool Set cut. You can use this tool to set a cut that extends the full width or height of the page.

   2. Set sectional cut

      You cannot split a cut after it has been set. Define how you would like to set the cut when you are creating it.

      • Click the Set sectional cut tool to set a cut only for the current column or row (1).

      • Click on the tool Set cut to set a cut over the full width or height (2)

        

   3. Move cut

      Switch to the Move tool to subsequently move a cut.

      Work pixel perfect

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

      

   4. Delete cut

      Switch to the Delete tool to delete a cut.

      Delete sectional cuts first

      • First delete all sectional cuts which are subordinate to another cut (1).

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

      

   Is your editor not working as it should? Are you suddenly unable to set any further cuts? The editor is not responding as usual? In most cases, that's because you are using the wrong tool.

9. Layout

   Here you define which form element should be placed where. In the next step, we explain which form elements are available and how they work .

   Content & function come later:In the "Layout" workflow step, you only define the structure. In the next workflow step "Content", you then add texts and field functions (e.g. checkbox for "Tracking permission").

10. Content

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

    Which form fields are available?

    The following form elements are available to you.

    Field	Description
    Text	Enter one or more free description texts for your form. Text formatting: Click in the text field and use the text styles from your styleset. Hyperlinks: Use links if necessary, e.g. to your privacy policy. Design: Make sure that the correct form element is highlighted in turquoise and go to the element settings. The areas of "Spacing and frames" and "Styling" (buttons) are of particular interest to you.
    Input field	There is currently an input field where you can enter your e-mail address. We are working on it: In the future, you will be able to query other attributes such as first name or surname via input fields.
    Check box	There are currently two checkbox types available to you. Subscription confirmation The checkbox for subscription confirmation is mandatory. Your recipients must tick the checkbox to activate the newsletter subscription button.   Add a suitable text, e.g. "I agree to receive the newsletter." Tracking Permission If the switch is active, your recipients consent to personal 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 access. You add Friendly Captcha as a form element. You can set Google ReCaptcha in the form settings. To do this, first remove the "Friendly Captcha" element from your form. Background: In contrast to Friendly Captcha, Google ReCaptcha has no visible form element.
    Login button	Your recipients initiate their subscription by clicking the subscription button.
    Delete content	Drag the "Delete content" element onto an already placed form element to empty the area.

    You can only place the form fields "Login button" and "Friendly Captcha" once per form.

11. All set? Then click on Share.

12. Make the settings for embedding and then click on 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.