Create and publish a website

Until now, with Acumbamail you could design and publish landing pages from the "Pages" section of the main menu. This section has been renamed "Websites" since, in addition to being able to continue creating landing pages, you can now also create complete websites (made up of a set of pages). Keep reading this article to find out all the details and steps to follow to create and publish your websites.

Access to feature

You will be able to access Websites from the main left menu as a new entry, as long as your user has the free plan assigned or any plan linked to an email subscription. The characteristics that define access to feature are described below:

Websites created and published. You can create as many websites as you want. However, depending on your plan you can set more or fewer websites as public.
Website credits . You will have more or less website credits depending on your plan. Each credit is equivalent to one visit to any of the pages included in all your published websites. These credits are global to all your websites per month, that is, X credits are not assigned to each different website, but the total credits are spent indiscriminately as your websites receive visits.
Acumbamail logo. Depending on your plan, the Acumbamail logo will also be included or not in the footer of each of your pages. If you do not want it to appear, you will have to upgrade your plan.
Your website URL. For all plans, a specific URL will be generated to load each of your website's pages under the showlanding.com domain. If you have a Pro or Enterprise plan and own your own domain, you can verify it and generate a specific URL to load the survey under your own domain.

Features according to plan

The following table describes exactly what each user will find depending on the plan or plan assigned to them:

User type	Websites created	Published websites	Visits/month	Logo in the footer	Own domain
Free	Unlimited	0	0	Yes	No
Basic Plan	Unlimited	1	2500	Yes	No
Basic Plan + Extra of Websites	Unlimited	10	50000	No	Yes
Plan Pro	Unlimited	100	50000	No	Yes
Plan Enterprise	Unlimited	Unlimited	1000000	No	Yes

How to Increase Website Visit Credits

If you exhaust your monthly website view credits, the URLs associated with all of your websites will not load the intended content, but instead will display a message indicating that the website is temporarily disabled. Website credits renew at the same time as your email credits. If you need to be able to receive a higher number of visits per month, you will need to upgrade your plan.

To increase the limit present in the free and basic rates, there are two options:

Upgrade your plan to a Pro or Enterprise plan
If you have a basic plan and you are not interested in upgrading to a Pro plan, you can activate the website module upgrade as an extra. This extra is only accessible if you have a basic plan. For more information about how the extras works, you can consult this article.

When you access the Websites section, you will see a pop-up once per session that will allow you to purchase the Pro plan or activate the extra of websites. It will also appear if you have exhausted your monthly credits for website visits.

Pop up to upgrade your plan basic to pro or hire the extra website module

You will also see a button to view your extras in the Home section under Websites, as long as you have an active basic plan.

From the home section you can check the credits associated with your account and specifically the credits for website visits.

Create a landing page

A landing page is a web page that your subscribers or audience arrive at after clicking on a link (this can be a link included in a newsletter email, for example). It is usually an independent page created specifically for lead generation, as part of a marketing campaign.

To create a landing page, in the Websites section, click on the "New Website" button.

This will open a popup where you can choose what type of website to create: landing page or multi-page. You must choose the landing page type.

Popup that allows you to choose whether to create a single page or multi-page website

Choosing a landing page template

You will see a list of all the available templates (with responsive design and fully customizable). If you do not want to start from a design but from a blank page, you can also click on the "Start from scratch" button.

Selection of pre-designed landing page templates

Once you have selected the template, you will need to name the landing page. This name is only for your internal management, it will not be visible at any time.

Popup where you can enter the name of your landing page

Edit landing page settings

Once you have chosen your template, the first step is to edit the general configuration settings of your landing page:

Meta Title field . Value that the title meta tag will have, which is taken into account by search engines to display on search results pages.
Meta Description field . Value that the description meta tag will have, which is taken into account by search engines to display on search results pages.
UTM values : Required if you want to track page performance through Google Analytics . You can use utm_source to check the source of the traffic (e.g., "landing_page") and utm_campaign to identify the specific landing page your users came from (e.g., "my_first_landing_page").
Additional scripts or styles : Anything you add here will be included at the bottom of the page's head . These can range from scripts that perform other types of tracking to utilities such as a cookie management library or loading additional CSS styles. If you select this option, you must make sure to properly close any tags you include.

In the first step you can change general page configuration settings

Designing the content of the landing page

As a second step, in the Design section you can add the different content blocks you need for your landing page, including title, text, images, buttons, separators, Social Media buttons, custom HTML code, video, stickers and animated GIF.

Simply drag the block you need into the editor and modify it as needed. In the case of images, stickers and GIFs, our editor has an internal search engine so you don't have to leave it. You can search for content by keyword and add it directly.

If you want to know more about how to design effective landing pages to increase your conversions, visit our guide on the subject.

Internal links on the page

If you double-click on any of the content blocks included in your landing page, you can add an internal link to the page in the menu on the right at the bottom.

To do this, all you have to do is:

Select the target module and activate the Block Identifier.
Double-click on the button where you want to add the link.
In Action > Link Type select Internal Link and in Navigate select the module.

Make a button redirect to an internal module

Add rows

Just like in the email template editor, you can either modify the layout of the page using empty rows (containing only structures) or embed a series of predefined rows (with a series of contents distributed in a specific way).

Similarly, you can also reuse your own saved rows. For more details, see the section included in the article dedicated to the email template editor .

Insert an empty content row with structure

Insert a form

In the content tab you will find a block called "Form". This allows you to include a classic subscription form that you have previously created in one of your Acumbamail lists .

To include the form, simply drag this block to the position on the landing page where you want it to appear. You must click on the "Add form" button within the block to display a configuration popup. In this popup, simply select the form you want to add and click the "Confirm" button. Immediately after, you will see how the form appears added to your design.

Add a form type module to the landing page

If you want to add a non-classic form to your landing page, you can copy the integration script associated with the form and paste it in step 1 of the configuration, in the field that allows you to add additional scripts.

Insert a survey

In the content tab, you'll find a block called "Survey". This allows you to include a survey that you've previously created.

To include the survey you just have to drag this block to the position on the landing page where you want it to appear. You must click on the "Add survey" button inside the block, so that a configuration popup will appear. In this popup you will only have to select which survey you want to add and click the "Confirm" button. Immediately after, you will see how the cover of your survey appears added to your design.

For more information on including surveys on landing pages, check out this article .

Insert from content source

In the content tab you will find a block called "Content Source". This allows you to include your imported content from a previously created content source .

To include your content, simply drag this block to the position on the landing page where you want it to appear. You must click on the "Add content" button within the block, so that a configuration popup appears.

In this popup you will have to select the source of the content you are interested in and click on the "Next" button. In a second step, you will be able to select exactly which content should be displayed and with which elements (including or not a title, image, description, etc.). Immediately after, you will see a new row appear showing the selected content.

For more information on including content on landing pages, check out this article .

General settings

In this section you can configure general aspects of the page such as the width of the content area, background colors, default font or the color of the links.

Share the landing page

In the last step you can make your landing page public (visible) or private (not accessible).

You also have access to the generated URL associated with your landing page. If you have a free or basic account, you will not be able to change the URL associated with the page.

In the "Share" step you can see the unique URL generated for your landing page

Customize your landing page domain

If you have the Websites module extra enabled or you have a Pro or Enterprise plan, you have the option to customize your landing page domain. To do this:

First you will need to create a DNS record of type A with your hosting provider (where you purchased your domain) with the value 185.2.150.182.
Once done, you can enter your domain name (without https://) and click the " Verify " button. If everything is correct, your domain will become part of the URL associated with the page.
Within your domain, each page should have a different slug. You can edit the slug and save the page changes (in the "Save draft" button) so that the new URL will be generated with your custom domain plus the specific and unique path you have chosen for the page.

Create a website

In the Websites section, click on the "New Website" button.

This will open a popup where you can choose what type of website to create: landing page or multi-page. You must choose the multi-page type.

Choosing a website theme

You will see a list of all the available themes (with responsive design and fully customizable). If you do not want to start from a design but from blank pages, you can also click on the "Start from scratch" button.

List of available website themes (templates)

⚠️ Please note that once you have chosen a website theme, you will not be able to change the initially chosen theme for a website already created.

You can open a preview of what all the page types available within that theme will look like by clicking on the theme thumbnail (when the magnifying glass icon appears).

Clicking on the thumbnail opens the theme preview

This will open a popup where you can see the presentation of all the pages as a carousel.

Popup that shows the preview of the pages included in the website theme as a carousel

Once you have selected the theme, you will need to name your website. This name is only for your internal management, it will not be visible at any time.

Popup where you can enter the name of your multi-page website

General website settings

In the configuration step, you can edit the internal name assigned to the website at any time.

Additionally, you can add additional scripts or CSS styles that you want to be loaded globally on all pages of the website. Any tags you add here will be included at the end of the head of each page (this could be, for example, javascript to load an external cookie management library or additional CSS styles). If you give this field a value, you must make sure to close all the tags you include properly.

Edit website name and global scripts and/or styles

Default home page

Whenever you create a new website, by default it will initialize containing only the main home page linked to the theme you chose.

Area containing all pages created for this website

You can start by editing the content of this page by clicking on the "Edit Layout" button. This will take you to the "Layout" step, from which you can edit the content of the previously selected page (not just the home page).

In this step you can change the content of the page selected in the previous step

Edit website header and footer

You can edit the header and footer of your website from the design of any of its pages.

To do this, the first thing you need to do is choose one of your pages and from the "Settings" step, click the "Edit design" button.

Once the specific page layout opens, you should look at the following:

The first row corresponds to the header of your website and contains the navigation menu, the content of which is generated automatically. This content will be present on all the pages you create.
The last row corresponds to the footer of your website. Unlike the navigation menu (which will always be present) there is no auto-generated content in this row. Just keep in mind that what you include in this row will appear on all pages of your website.

Since this is special content and synchronized with the rest of the pages, you will see that these rows are not edited the same way as the rest of the rows in your design.

By clicking on any item in the row, you can see that it is not editable. You need to click on the general area of the row and hit the edit row button (pencil) or the " Edit synchronized row " button in the options on the right.

Once you start editing, you will see that the editor reloads to show only the row containing the header or the footer, depending on which one you are editing. In this mode, you can apply all the changes you consider and click the " Save Row " button.

This save action may take a while, as it involves a process of synchronizing the header or footer design across all pages of your website. Do not close the tab or browser or return to the page design until the action has been confirmed.

Once you've finished applying the changes, you can click the " Back to Design " button to return to the previous context and continue editing the content of your page. You'll see that the changes applied to the header or footer row are reflected on the page, and when you edit any other page on your website, the changes to the header or footer will also be present.

Add new page to website

You can add as many pages to your website as you need.

Not all of them need to be linked from the navigation menu. You may want to create privacy or terms of use pages that you link to from the footer, for example. You can also create a series of other pages that are linked from the website content or a specific page that acts as a landing page and that you link to from an email campaign.

To create a new page, click the " New Page " button.

The next step is to choose the type of page you want to create, which changes the layout from which you will start designing it. A popup opens where you must select the type from the list in the left column. On the right you can see a preview image of part of the page's contents.

Popup where you can choose the type of page

You can also give the page a specific name, but this is not required. If you do not do this, the default name will be assigned.

Finally, you need to click on the " Create " button. This will redirect you to the design step, where you can change the content and layout of your new page.

Duplicate an existing page

To duplicate an existing page, you need to go to the first step of "Settings" and, in the list of created web pages, locate the page you want to duplicate. Simply click on the "More Actions" button and select " Duplicate page ".

Once done, you will see a new page appear (not included in the navigation menu) with the same name as the original, adding "_copy" to the name.

Edit page layout

As mentioned above in the home page section, you can edit the content of any page by clicking the " Edit Layout " button within the "Settings" step. This will take you directly to the "Layout" step, from which you can edit the content of this page (as well as the header and footer layout for the entire website).

Edit page settings

For each page, individually, a number of settings can be made. To edit them, within the "Settings" Step, under "More actions", select " Edit settings ".

This opens a popup, where you can edit the following:

Page name . Here you can update the name initially assigned to the page. This is the name that will appear in the navigation menu, if the page is included in it. You should also keep in mind that in this case, saving may take a little longer, since a synchronization process is applied to all pages to update the header.
Slug . In case you set a custom domain in the Share step , here you can edit the specific slug associated with this page (to make up the unique URL for this page). Unlike the process of creating a landing page (where the domain and slug are set together) in this case the domain is set globally for the website (since it will be shared by all pages) and the slug is set specifically at the page level.
Meta Title field . Value that the title meta tag will have, which is taken into account by search engines to display on search results pages.
Meta Description field . Value that the description meta tag will have, which is taken into account by search engines to display on search results pages.
UTM Values – Required if you want to track page performance through Google Analytics . You can use utm_source to check the source of the traffic (e.g. “website”) and utm_campaign to identify the specific page or website your users came from (e.g. “my_first_website”).
Additional scripts or styles – Anything you add here will be included at the end of the head of this page. This is similar to the field set globally for the website, but the content you add here will only be executed in the context of this page and not on the rest of the pages on the website.

Popup where you can update the page settings

Delete a page from the website

To delete an existing page, you must go to the first step of "Settings" and, in the list of created web pages, locate the page you want to delete. Simply click on the "More Actions" button and select " Delete page ".

If the page was added to the navigation menu, the menu will be automatically updated and the page will no longer appear linked in the menu. If this is the case, the deletion action may take a little longer, as the header synchronization process is launched on all pages.

Change the home page of the website

If for some reason you want to make one of your other created pages the main page or home page of your website, you must go to the first step of "Settings" and, in the list of created web pages, locate the page that you want to act as the new home page. Simply click on the "More Actions" button and select " Mark as Home Page ".

Select action that allows changing the home page

Website navigation menu

This element deserves special attention, since:

Its content is automatically generated based on your website settings.
The first row of every page on your website will always include a navigation menu.
This element cannot be deleted and its content cannot be edited within the editor itself. However, you can freely edit its style within the editor.

Remember that to edit the style of the navigation menu , you will need to click on the first row (not directly on the menu item) and click the "Edit synchronized row" button, so that the editing of the header of your website is enabled and from there it allows you to apply the style changes.

The following sections describe the actions that allow you to change the content of the navigation menu . Please note that these actions, although they may seem simple, involve a process of synchronizing the header on all the pages of your website. Do not close the tab or the browser until the action has been confirmed.

Pages automatically added to the navigation menu

By default, pages you create are added to the navigation menu until a maximum of 6 items are detected in the menu.

This does not apply when it is a duplicate page or when you create a second page of the same type (for example, if you have already created a "product" type page, the second and subsequent pages you create of that same type are no longer automatically added).

This limit only applies to the default behavior. You can choose to add more than 6 items to the navigation menu if you consider it necessary, but you will have to add them yourself as explained in the following sections. However, remember that to improve usability, it is recommended that the navigation menu contains between 3 and 6 items maximum.

Add page to navigation menu

By default, when you add a new page to your website, it will not be included in the navigation menu. You can identify which pages are not included in the menu because they have a crossed-out eye icon next to their name.

List of pages on the website, where it can be seen that all pages (except the home page) are not included in the navigation menu

To add a page to your navigation menu, simply click the "More Actions" button and select "Add to Navigation Menu."

How to add a page to the navigation menu

Remove page from navigation menu

If you've added a page to your navigation menu and you no longer want it to be directly linked there, simply click the "More Actions" button and select "Remove from Navigation Menu."

Add or remove external link to navigation menu

You may need to add a link to the navigation menu that is not to a page on the website but to an external link. In this case, you need to click on the " Add link to menu " button.

Button to add a new link to the navigation menu

This will open a popup where you can define the name displayed in the navigation menu and the URL associated with this item.

Popup where you can enter the name and URL of the new link

The new menu entry will also appear in the list of pages on your website. You can identify it by the "link" icon next to the name of the new menu item.

This, being a specific element of the navigation menu not associated with a created page, has fewer actions available. You can only copy the associated URL or delete it if you no longer want it to be present in the navigation menu.

Remove external link previously added to navigation menu

Reorder visible items in the navigation menu

The order in which pages and external links appear in the navigation menu corresponds to the order in which they are listed in the "Settings" step.

If you want to change the order of items in the menu, simply drag the page or external link and drop it into its final position.

Dragging pages to appear in a different order in the navigation menu

Please note that pages not added to the navigation menu will appear at the bottom of the list and cannot be reordered.

Share the website

In the last step you can make your multi-page website public (visible) or private (not accessible).

You also have access to the generated URL associated with your website's home page. If you have a free or basic account, you will not be able to change the URL associated with the page.

In the "Share" step you can access the URL of the website's home page

Customize your website domain

If you have the Websites module extra enabled or you have a Pro or Enterprise plan, you have the possibility to customize the domain of your multi-page website. To do this:

First you will need to create a DNS record of type A with your hosting provider (where you purchased your domain) with the value 185.2.150.182.
Once done, you can enter your domain name (without https://) and click the "Verify" button. If everything is correct, your domain will become part of the URL associated with the page.

Enter your domain and click the verify button

Within your domain, each page must have a different slug. This is not edited globally in the "Share" step, but rather at the page level in its settings .

See the list of my websites

You can easily access the list of your created websites from the "Websites" section within "Websites" in the main menu.

You can filter websites by their type (show only landing pages or only multi-page sites).

List of websites filtered to show only multi-page ones

You can also filter websites by status (differentiating between public and private ones).

List of websites filtered to show only multi-page ones that have not been published yet

In combination with the above filters, you can also filter by the name assigned to the website.

Edit a website

To edit an existing website, go to the "Websites" section and, in the list, locate the card corresponding to the website you want to delete. Now you just have to click on the "Edit" button, which appears when you hover over the thumbnail of the website.

Duplicate a website

To duplicate an existing website, you must go to the "Websites" section and, in the list, locate the card corresponding to the website you want to duplicate. Now you just have to click on the "More Actions" button ( [...] ) and select " Duplicate ".

Delete a website

To delete an existing website, you must go to the "Websites" section and, in the list, locate the card corresponding to the website you want to delete. Now you just have to click on the "More Actions" button ( [...] ) and select " Delete ".

Website Preview

Each visit to your website results in a website credit being deducted from your account. Additionally, that visit (along with all other actions) is counted in the report associated with your website.

If you need to access your own website without it counting events or subtracting credits, or to preview it before you make it public, you can use the "Preview" button, which appears when you hover over the website thumbnail.

Hitting preview will open the final website in a new tab, but in a mode that blocks event detection and credit spending.

The URL that is generated is only valid if a session is detected in your Acumbamail account. Otherwise, the blocking will not be performed. This means that if you copy the URL that opens in the new tab and open it, for example, in another browser, the blocking will not work.

Button to preview a website without any remaining credits or accounting in the reports

View website report

Once you have published websites, you can view their reports in the "Reports" section under "Websites" in the main menu.

List of websites created from the Reports section

You will see that all your websites are listed, indicating for each one:

The name
The state (whether public or private)
The type (if it is a landing page or multi-page)
On what date was the last event recorded?
How many subscribers have been acquired (if you include a subscription form)

In the case of a multi-page website, the totals are taken (sum of all pages).

If you click on " More details " or on the name for a multi-page website, a new listing will load, this time showing the list of web pages included within the site plus some cards showing the summation of all the data collected for all the pages.

Totals and list of web pages belonging to a website from the Reports section

From this view, if you click on the name of a specific page, it will open the detail view for that page. This is identical to the view available if you click on the name of a landing page (since a landing page is a website with only one page).

The available totals are as follows:

Visits that the page has received.
Total clicks on the page. Below you can see exactly which links were clicked.
Total subscribers gained, in case you included a subscription form .
People who scroll or times the page has been navigated.
People who read the page or times when the page has been browsed and spent at least 10 seconds on it.
Conversion rate or the conversion percentage of your page, in case you include a subscription form.
Date of the last event detected on the page.