{"id":867,"date":"2022-08-16T08:10:45","date_gmt":"2022-08-16T08:10:45","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/16\/6474695-hostinger-website-builder-how-to-add-a-subscribe-form\/"},"modified":"2026-08-27T07:16:19","modified_gmt":"2026-08-27T07:16:19","slug":"6474695-hostinger-ai-builder-manual-mode-how-to-add-a-subscribe-form","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6474695-hostinger-ai-builder-manual-mode-how-to-add-a-subscribe-form\/","title":{"rendered":"Hostinger AI Builder: How to add a subscribe form in manual mode"},"content":{"rendered":"

Collect newsletter subscribers on your Hostinger AI Builder manual mode website using a subscribe form or a third-party tool.<\/p>

Adding a subscription form<\/h2>

There are several ways to add subscription forms to your website. The easiest is to insert a subscription form element or a subscription form section.<\/p>

    \n
  1. Within the editor, click the Elements <\/b>panel on the left.<\/li>\n
  2. Find the Subscription form<\/b> element and drag and drop it anywhere on your page:
    \n\"\"<\/li>\n
  3. To add a subscription form section, click Add section <\/b>– you’ll see this button on the horizontal border of any section:
    \n\"Inserting<\/li>\n
  4. From the menu on the left, choose Subscription form<\/b>. Select the preferred section template on the right and click on it:
    \n\"\"<\/li>\n<\/ol>

    Editing the subscription form<\/h2>
      \n
    1. Click on the subscription form element to see more options (edit, duplicate, delete, resize):
      \n\"\"<\/li>\n
    2. Click Edit form<\/b> to open its settings:<\/li>\n<\/ol>
      \n\n\n\n\n\n\n\n
      \n

      GENERAL<\/b><\/p>\n<\/td>\n

      		\n
        \n
      • \n

        Rename the form<\/p>\n<\/li>\n

      • Submit email for notifications<\/li>\n
      • \n

        View form submissions<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

      \n

      FIELDS<\/b><\/p>\n<\/td>\n

      		\n
        \n
      • \n

        Add, edit, or remove fields<\/p>\n<\/li>\n

      • \n

        Change the order of the fields<\/p>\n<\/li>\n

      • \n

        Specify the required fields<\/p>\n<\/li>\n

      • \n

        Supported field types:<\/p>\n

          \n
        • \n

          Short answer<\/p>\n<\/li>\n

        • \n

          Paragraph<\/p>\n<\/li>\n

        • \n

          Single choice<\/p>\n<\/li>\n

        • \n

          Multiple choice<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

      \n

      BUTTON<\/b><\/p>\n<\/td>\n

      		\n
        \n
      • \n

        Rename the “Submit” button<\/p>\n<\/li>\n

      • \n

        Change the button position<\/p>\n<\/li>\n

      • \n

        Specify what happens after submitting a form:<\/p>\n

          \n
        • \n

          Show a thank-you message<\/p>\n<\/li>\n

        • \n

          Redirect the user to a particular page within your website<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

      \n

      STYLE<\/b><\/p>\n<\/td>\n

      		\n
        \n
      • \n

        Customize the element<\/p>\n<\/li>\n

      • \n

        Set a color background<\/p>\n<\/li>\n

      • \n

        Change the text color and text size<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

      \n

      ANIMATION<\/b><\/p>\n<\/td>\n

      		\n