Create and publish websites and landing pages

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" because, in addition to continuing to create landing pages, you can now also create complete websites (composed of a set of pages). Keep reading this article to learn all the details and steps to create and publish your websites.

Access to the functionality

You can access Websites from the left main menu as a new entry, as long as your user has the free plan assigned or any plan linked to an email sending subscription. Below are the features that define access to the functionality:

Created and published websites. You can create as many websites as you want. However, depending on your plan, you can make more or fewer websites public.
Website credits. You will have more or fewer website credits depending on your plan. Each credit equals a visit to any of the pages included in all your published websites. These credits are global to all your websites per month, meaning they are not assigned X credits for each different website, but the total credits are spent indistinctly as your websites receive visits.
Acumbamail logo. Depending on your plan, the Acumbamail logo will or will not be included in the footer of each of your pages. If you don't want it to appear, you will need 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 domain showlanding.com. If you have a Pro or Enterprise plan and own your domain, you can verify it and generate a specific URL to load the survey under your domain.

Features by plan

The following table describes exactly what each user will find according to the rate or plan they have assigned:

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

How to increase website visit credits

If you exhaust your monthly website view credits, the URLs associated with all your websites will not load the designed content but a message indicating that the website is temporarily disabled. Website credits are renewed simultaneously with your email credits. If you need 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 rate to a Pro or Enterprise plan
If you have a basic plan and 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 extras work, you can check this article.

When you access the Websites section, a pop-up will appear once per session, allowing you to subscribe to the Pro plan or activate the website extra. It will also appear if you have exhausted your monthly website visit credits.

A button will also appear to view your extras in the Home section, within Websites, as long as you have an active basic rate.

Create a landing page

A landing page is a web page where your subscribers or audience arrive after clicking on a link (it could be a link included in a newsletter email, for example). It is usually an independent page created specifically for lead generation within a marketing campaign.

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

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

Choose a landing page template

A list of all available templates (with responsive design and fully customizable) will appear. If you don't 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 the template is selected, you must name the landing page. This name is only for your internal management and will not be visible at any time.

Edit landing page settings

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

Meta Title Field. Value that the meta tag title will have, which is considered by search engines to display in search result pages.
Meta Description Field. Value that the meta tag description will have, which is considered by search engines to display in search result pages.
UTM Values: Necessary if you want to track the performance of the page through Google Analytics. You can use utm_source to check the traffic source (for example, "landing_page") and utm_campaign to identify the specific landing from which your users come (for example, "my_first_landing").
Additional scripts or styles: everything you add here will be included at the end of the page's head. They can be from scripts that perform other types of tracking to utilities like a cookie management library or load additional CSS styles. If you select this option, you must ensure that you close all the tags you include correctly.

Design the landing page content

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

You just have to drag the block you need to the editor and modify it as necessary. 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 on 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 to, select the module.

Add rows

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

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

Insert a form

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

To include the form, you just need to 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 bring up a configuration pop-up. In this pop-up, you only need to select which form you want to add and click the "Confirm" button. Immediately after, you will see the form added to your design.

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 adding additional scripts.

Insert a survey

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

To include the survey, you just need 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 within the block to bring up a configuration pop-up. In this pop-up, you only need to select which survey you want to add and click the "Confirm" button. Immediately after, you will see the cover of your survey added to your design.

For more information on including surveys in landing pages, check 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, you just need to 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 to bring up a configuration pop-up.

In this pop-up, you will need to select which content source is of interest and click the "Next" button. In a second step, you can select exactly which content should be displayed and with which elements (including or not title, image, description, etc.). Immediately after, you will see a new row showing the selected content.

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

General settings

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

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.

Customize your landing page domain

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

First, you will need to create an A-type DNS record in your hosting provider (where you acquired 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 must have a different slug. You can edit the slug and save the page changes (in the "Save draft" button) to generate the new URL with your personalized 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 pop-up where you can choose what type of web type to create: landing page or multi-page. You must choose the multi-page type.

Choose a website theme

A list of all available themes (with responsive design and fully customizable) will appear. If you don't want to start from a design but from blank pages, you can also click on the "Start from scratch" button.

⚠️ You should keep in mind that once you choose a website theme, you will not be able to change that initially chosen theme for an already created website.

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

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

Once the theme is selected, you must name your website. This name is only for your internal management and will not be visible at any time.

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. All the tags you add here will be included at the end of each page's head (it can be, for example, the JavaScript to load an external cookie management library or additional CSS styles). If you give value to this field, you must ensure that you close all the tags you include correctly.

Default homepage

Whenever you create a new website, it will be initialized by default containing only the main homepage linked to the theme you chose.

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

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 "Configuration" step, click the "Edit design" button.

Once the specific page design opens, you should note the following:

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

Being special content synchronized on 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 element of the row, you can see that it is not editable. You must click on the general area of the row and click 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 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 some time, as it involves a synchronization process of the header or footer design on all the pages of your website. Do not close the tab or browser or return to the page design until the action is confirmed.

Once you have finished applying the changes, you can click the "Return to design" button to recover the previous context and continue editing your page content. You will see that the changes applied to the header or footer row are reflected on the page, and when you edit any other page of your website, the changes in the header or footer will also be present.

Add a new page to the website

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

Not all of them have to be linked from the navigation menu. You may be interested, for example, in creating privacy or terms of use pages that you link from the footer. You can also create other pages that are linked from the website content or a specific page that acts as a landing page and is linked 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 are going to create, which changes the design from which you will start designing it. A pop-up opens where you must mark the type in the list on the left column. On the right, you can see a preview image of part of the page content.

You can also give a specific name to the page, but it is not mandatory. If you don't do it, the default name will be assigned.

To finish, you must click the "Create" button. This will redirect you to the design step, where you can change the content and design of your new page.

Duplicate an existing page

To duplicate an existing page, you must go to the first "Configuration" step and, in the list of created web pages, locate the page you want to duplicate. You just have to click the "More Actions" button and select "Duplicate page."

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

Edit page design

As previously indicated in the homepage section, you can edit the content of any page by clicking the "Edit design" button within the "Configuration" step. This will take you directly to the "Design" step, from which you can edit the content of this page (in addition to the header and footer design of the entire website).

Edit page settings

For each page, individually, a series of settings can be made. To edit them, within the "Configuration" step, in "More actions," you must select "Edit settings."

This opens a pop-up 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, as a synchronization process is applied to all pages to update the header.
Slug. If you configure a custom domain in the Share step, here you can edit the specific slug associated with this page (to form the unique URL of this page). Unlike the landing page creation process (where the domain and slug are configured together), in this case, the domain is configured globally for the website (as it will be shared by all pages), and the slug is configured specifically at the page level.
Meta Title Field. Value that the meta tag title will have, which is considered by search engines to display in search result pages.
Meta Description Field. Value that the meta tag description will have, which is considered by search engines to display in search result pages.
UTM Values: Necessary if you want to track the performance of the page through Google Analytics. You can use utm_source to check the traffic source (for example, "website") and utm_campaign to identify the specific page or website from which your users come (for example, "my_first_website").
Additional scripts or styles: everything you add here will be included at the end of this page's head. It is similar to the field configured 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 website pages.

Delete a page from the website

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

If the page was added to the navigation menu, it 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 homepage of your website, you must go to the first "Configuration" step and, in the list of created web pages, locate the page you want to act as the new homepage. You just have to click the "More Actions" button and select "Mark as homepage."

Website navigation menu

This element deserves special attention because:

Its content is generated automatically based on your website configuration.
The first row of all your website pages 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 in the editor.

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

The following sections describe the actions that allow you to change the navigation menu content. You should keep in mind that these actions, although they may seem simple, involve a header synchronization process on all your website pages. Do not close the tab or browser until the action is confirmed.

Pages automatically added to the navigation menu

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

This does not apply when a page is duplicated 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 ones you create of that same type will no longer be added automatically).

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

Add a page to the 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 the name.

To add a page to the navigation menu, you just have to click the "More actions" button and select "Add to navigation menu."

Remove a page from the navigation menu

If you added a page to the navigation menu and no longer want it to be directly linked there, you just have to click the "More actions" button and select "Remove from navigation menu."

Add or remove an external link to the navigation menu

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

This will open a pop-up where you can define the visible name in the navigation menu and the URL associated with this item.

The new menu entry will also appear in the list of website pages. 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.

Reorder visible elements 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 "Configuration" step.

If you want to change the order of the elements in the menu, you just have to drag the page or external link and place it in its final position.

You should keep in mind that pages not added to the navigation menu will appear at the end 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 homepage. If you have a free or basic account, you will not be able to change the URL associated with the page.

Customize your website domain

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

First, you will need to create an A-type DNS record in your hosting provider (where you acquired 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 must have a different slug. This is not edited globally in the "Share" step, but it is done at the page level in its settings.

View 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 the websites by type (show only landing pages or only multi-page sites).

You can also filter the websites by their status (differentiating between those that are public and those that are private).

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

Edit a website

To edit 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 the "Edit" button, which appears when you hover over the website thumbnail.

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 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 the "More Actions" button ([...]) and select "Delete."

Website preview

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

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

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

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

View website report

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

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

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

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

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

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 the landing page is a website with a single page).

The available totals are as follows:

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