{"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-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6474695-hostinger-website-builder-how-to-add-a-subscribe-form","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6474695-hostinger-website-builder-how-to-add-a-subscribe-form\/","title":{"rendered":"Hostinger Website Builder: How to Add a Subscribe Form"},"content":{"rendered":"<p class=\"no-margin\">In order to send newsletters, you need two main things: an email marketing platform and a list of subscribers. You can collect subscribers using a subscription form or use any third-party tool.<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_76db77ffc3\" target=\"_blank\" class=\"intercom-content-link\">Adding a Subscription Form<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_f238fdb502\" target=\"_blank\" class=\"intercom-content-link\">Editing the Subscription Form<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_8f1abe54f9\" target=\"_blank\" class=\"intercom-content-link\">Viewing Form Submissions<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_d83e75e765\" target=\"_blank\" class=\"intercom-content-link\">Adding a Third-Party Subscription Form<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\"><b> <\/b><\/p><h2 id=\"h_76db77ffc3\">Adding a Subscription Form<\/h2><p class=\"no-margin\">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><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Within the editor, expand the <b>Add element<\/b> panel on the left. Find the<b> Subscribe<\/b> element and drag and drop it anywhere on your page:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/179595bf-e3d1-41f3-a342-9e41ae004538.jpg\" alt=\"Adding a subscribe element to the website\"><\/div><p class=\"no-margin\">To add a subscription form section, click <b>Add section <\/b>&ndash; you&rsquo;ll see this button on the horizontal border of any section:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/11762edb-95a0-4869-8c1e-0b7d76f5b175.jpg\" alt=\"Inserting a new section\"><\/div><p class=\"no-margin\">From the menu on the left, choose <b>Subscribe form<\/b>. Select the preferred section template on the right and click on it:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/93cf8da1-89b5-4eec-b4df-b091315b4961.jpg\" alt=\"Choosing from various section templates \"><\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h2 id=\"h_f238fdb502\">Editing the Subscription Form<\/h2><p class=\"no-margin\">Click on the subscription form element to see more options (edit, duplicate, delete, resize):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/bd0633e5-ca24-4ed8-b88b-d1bacb572536.jpg\"><\/div><p class=\"no-margin\">Click <b>Edit form<\/b> to open its settings:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"no-margin\"><b>GENERAL<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Rename the form<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">View form submissions<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"no-margin\"><b>FIELDS<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Add, edit, or remove fields<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Change the order of the fields<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Specify the required fields<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Supported field types:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Short answer<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Paragraph<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Single choice<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Multiple choice<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"no-margin\"><b>BUTTON<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Rename the &ldquo;Submit&rdquo; button<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Change the button position <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Specify what happens after submitting a form:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Show a thank-you message<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Redirect the user to a particular page within your website<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"no-margin\"><b>STYLE<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Select a primary or secondary theme<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Set a color\/image background<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Change the padding<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"no-margin\"><b>ANIMATION<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Add a preferred animation to the element<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h2 id=\"h_8f1abe54f9\">Viewing Form Submissions <\/h2><p class=\"no-margin\">Once your website visitor submits a form, you&rsquo;ll automatically get a notification to your email address that&rsquo;s linked to your Hostinger account.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">You can view all the forms that people have been submitting through your subscription form within the builder. Expand the <b>Website settings<\/b> panel on the left and go to <b>Form submissions<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/5de318f1-256e-4b16-8095-773cae7f2c6f.jpg\" alt=\"All submitted forms are stored in the section Form submissions\"><\/div><p class=\"no-margin\">Click <b>View list<\/b>, and you&rsquo;ll see all submitted subscription forms. You can easily export selected forms to a .CSV file and delete the unnecessary ones:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/989c7dd2-5f89-4b8b-ac97-e8ea6e9cb9f4.jpg\" alt=\"Managing form submissions\"><\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h2 id=\"h_d83e75e765\">Adding a Third-Party Subscription Form<\/h2><p class=\"no-margin\">With the help of a custom code, you can add any third-party subscription form to your website. There are two ways to add a custom code to your website:<\/p><ul>\n<li>\n<p class=\"no-margin\">To the <b><a href=\"\/support\/6445594-website-builder-how-to-add-a-custom-code-to-the-head-part-of-your-website\" target=\"_blank\" class=\"intercom-content-link\">&lt;head&gt;\/&lt;head&gt;<\/a><\/b> part of your website&rsquo;s source code<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">To the <b><a href=\"\/support\/6463152-website-builder-how-to-embed-custom-code\" target=\"_blank\" class=\"intercom-content-link\">&lt;body&gt;&lt;\/body&gt;<\/a><\/b> part of your website&rsquo;s source code<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Whether the code should be added to the &lt;head&gt;&lt;\/head&gt; or the &lt;body&gt;&lt;\/body&gt;, depends on the integration itself. Integration developers usually specify that in the instructions.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Here are some examples:<\/p><ul>\n<li>\n<p class=\"no-margin\">Mailchimp:<b> <a href=\"https:\/\/mailchimp.com\/help\/add-a-pop-up-signup-form-to-your-website\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Add a pop-up signup form to your website<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Mailerlite: <b><a href=\"https:\/\/www.mailerlite.com\/help\/how-to-create-a-pop-up-form\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">How to create a pop-up form<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Omnisend: <b><a href=\"https:\/\/support.omnisend.com\/en\/articles\/1061792-types-of-signup-forms\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Types of signup forms<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Adding a subscribe form to your website using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[280],"tags":[],"class_list":["post-867","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474695-hostinger-website-builder-how-to-add-a-subscribe-form\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474695-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-suscripcion\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474695-hostinger-createur-de-site-web-comment-ajouter-un-formulaire-d-abonnement\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474695-hostinger-svetainiu-kurimo-irankis-prenumeratos-forma\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474695-hostinger-criador-de-sites-como-adicionar-um-formulario-de-inscricao\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=867"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/867\/revisions"}],"predecessor-version":[{"id":3540,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/867\/revisions\/3540"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}