> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superoffice.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to create a newsletter sign-up form

> This tutorial walks you through how to create a newsletter sign-up form in SuperOffice Marketing.

Let us look at a another custom form that may be relevant to your company.

## What we will be doing

In this tutorial we will create a form for customers who want to sign up for one or more newsletters. The sign-up process will also include double opt-in to eliminate erroneous or fake subscriptions.

The example does not cover every field and option, but you can find comprehensive instructions in [Create a new form][1].

## Start here

1. In SuperOffice, [create a static selection][7] of companies/contacts called "Newsletter subscribers (form)". We will use this selection later in this guide.

2. Go to **Marketing** and select the **Forms** tab.

3. Click the **Form** button below **Create new** on the right side of the screen.

4. In the **Edit form** dialog, enter "Newsletter sign-up" in the **Form name** field.

5. Select **Properties**, enter a description, and set other form properties as relevant. Do NOT activate any options under **Deactivate form automatically**.

6. Click **Apply now** to save the form and continue editing.

## Fields

1. Select **Fields** from the left menu.

2. Select the **Contact - Name** field, and click the red X to remove this field.

3. Click <i class="ph ph-plus" aria-label="Add" /> and add the following fields:

   * First and last name.

   * **Contact - Email** (make this field mandatory)

   * **Contact - Subscription**
     * Select one or more newsletters that should be available.
     * Set the field to **Mandatory**.
     * Change the name of the field to "Choose your subscriptions".

4. Select the **OK** field, change the name to "Submit", and edit the font/background color and position.

5. Edit the names of the other fields as necessary. **Tip**: Remove "Contact -".

6. Click <i class="ph ph-dots-six" aria-label="Six dots" /> at the top of a field and drag it to the desired position in the form. The fields should have a logical order.

7. Click **Apply now** to save the form and continue editing.

![Add fields to new sign-up form -screenshot][img7]

## Style

1. Select **Style** from the left menu to define the look and feel of the form.

2. Choose a font from the dropdown. This font will be used for all text in the form.

3. Adjust the text size.

4. Use the formatting buttons (**B** for bold, **I** for italic) to style all text in the form.

5. Edit the layout, colors, size, and other style settings as needed. Consider involving your web design colleagues.

6. Click **Apply now** to save the form and continue editing.

![Style new sign-up form -screenshot][img8]

## Double opt-in

<Tip>
  Click **Show/hide toolbar** <i class="ph ph-text-a-underline" aria-hidden="true" /> to display formatting options for the text.

  Click **Open text editor in dialog** (<i class="ph ph-arrow-square-out" aria-hidden="true" />) to edit the text in a larger editor.
</Tip>

1. Select **Double opt-in** from the left menu.

2. Check **Enable double opt-in**.

3. Select the **Message** tab and enter the text to show after the form is submitted. This message should inform the customer that they will receive an email confirmation.

   <Accordion title="Example">
     We will now send an email to the address you registered in our form.

     Click the link in the email to confirm your email address and activate your subscription(s).

     Best regards,

     SuperShop
   </Accordion>

4. Select the **Email** tab and create the confirmation email sent to the persons submitting the form.

   <Accordion title="Example">
     Hi and thanks for your interest in our newsletters

     Please click the link below to confirm your email address and start your subscription.

     Click here to confirm your email address

     Best regards,

     The SuperShop Team
   </Accordion>

5. Select **Insert confirm link** (<i class="ph ph-arrow-square-out" aria-hidden="true" />) from the toolbar. The confirmation link is inserted in the body text.

6. Click the confirmation link, select **Edit link** (<i class="ph ph-pencil-simple" aria-hidden="true" />), and change the link text to "Click here to confirm your email address". The link is valid for 30 minutes by default.

7. Click **Apply now** to save the form and continue editing.

![Add double opt-in to new sign-up form -screenshot][img9]

## Landing pages

1. Select **Thank you page**.

2. Select **Show this message** and enter "Thank you for subscribing". This is shown after the customer verifies their email address.

3. Select **Page for inactive form**.

4. Select **Redirect to external website** and enter a URL. If a customer accesses the form after it is marked as inactive, they will be sent to this page.

5. Click **Apply now** to save the form and continue editing.

## Form actions

1. Select **Actions** from the left menu to choose what happens after submission.

2. Do not select **Create request**. The subscriptions will activate automatically, so no action is required by the support team.

3. Select **Manually if submitter is unknown. Automatically if submitter is known**. If the email address submitted in the form matches an email address in SuperOffice, the form submission is processed automatically. Otherwise, it must be processed manually.

4. **Add contact to selection**. Choose the selection you created in step 1. Use this selection to keep track of contacts added via this form.

5. **Add interest to contact**: Select the interest called **Newsletter**. This interest will be added to contacts who submit this form.

6. **Email response**: Select or [create a form response][2] to send to contacts when their form is processed. For example, to inform the customer of your company's privacy policy. The email can also include a link to [manage subscriptions][6].

![Define your form actions -screenshot][img6]

## Save and launch

1. Click **Save**. The form is saved and the **Edit form** dialog closes.

2. Set the form to **Active** <i class="ph ph-toggle-right" aria-label="Toggle on" /> in the header.

3. Go to the **Publish** tab.

4. Copy the direct link and/or JavaScript into a newsletter, website or customer centre to publish it to your customers or prospects.

5. Open the link to the form, fill in the form and check that everything works as expected.

<Tip>
  You might also be interested in our [contact-me form][7] tutorial.
</Tip>

[1]: ./create

[2]: ../../mailing/learn/create/tutorial-form-mailing

[6]: ../../recipients/learn/manage-email-subscriptions

[7]: ../../../search-options/selection/learn/create

[img6]: /media/loc/en/marketing/sign-up-form-actions.png

[img7]: /media/loc/en/marketing/sign-up-form-fields.png

[img8]: /media/loc/en/marketing/sign-up-form-style.png

[img9]: /media/loc/en/marketing/sign-up-form-double-opt-in.png


## Related topics

- [Define automatic link actions](/en/marketing/tracked-links/learn/define-link-actions.md)
- [How to create a Contact me form](/en/marketing/forms/learn/tutorial-contact-me.md)
- [How do I create and run CRMScripts?](/en/automation/crmscript/overview/envir-and-tools.md)
- [Create a video meeting](/integrations/video-meetings/howto/create.md)
- [Google reCAPTCHA in Forms](/en/marketing/forms/learn/recaptcha.md)
- [How to set up a DKIM Record](/en/online/mail-services/mailgun/dkim/set-up.md)