How to create automated form-based landing pages with Arengu

Introduction
How to create automated form-based landing pages with Arengu

A good landing page is the core of a digital marketing campaign. They can be a great solution to drive qualified traffic to your site, easily convert your users and get wonderful metrics for your business.

Still, landing pages are usually time-consuming, and they imply a lot of developing resources. If you want to build simple, form-based landing pages without developing skills, there are plenty of alternatives that actually work!

If you’re looking to build a form-based landing page, Arengu can considerably speed up the process. Learn how to create automated landing pages with Arengu, and start launching your pages in no time!

1. Create your forms and flows

Arengu’s landing page builder has been designed to create form-based landing pages. That is why you will need a form before starting the process. If you’re building a registration or sign-up page, if you need a landing page to finish up a payment, or if you want to launch different product landing pages for paid media, Arengu is the solution to execute the whole process.

Creating a form with Arengu is an easy and intuitive process. User the drag-and-drop editor and personalize your form to your business needs. You can also use a template, and the whole logic behind the form will be already built! If you want to go one step further and build the logic yourself, you can do so by starting from scratch.

2. Create a template and set up variables

To create automated landing pages, you will need an existing HTML template. This template will work as a framework for your page. The template should include every section and variable you want to see in your page.

For instance, if you're creating a product landing page for an AdWords campaign, you may want to create many different landing pages, sharing the same brand design, sections and variables. Using an HTML template will allow you to build several pages, and still modify the content you need in Arengu whenever you need to. To make your content editable, you only need to replace it with variables using the following syntax: {{variable}}

As an example, if you have a h1 title in your code that want to make it editable inside Arengu:

<h1>Awesome product title</h1>

You need to transform it to a variable that will be read once you upload the template:

<h1>{{title}}</h1>

Upload a template

Go to the Pages section, and then go to the Templates tab. Click on Create template and select the folder where you store your template files. Once your template is uploaded, you will be able to use it in as many pages as you want, providing your landing pages with the same design, structure and variables.

Add templates to automated landing pages - Arengu

Set up the variables

Once you have uploaded a template in Arengu, you can modify all the variables you want in the tool. Arengu will scan the variables included in your HTML template, and they will show up as fields in Template variables. Select the options you need, and you'll be ready for the next step. You should select what type of variable it is (text, form, image, etc), define if they are mandatory or add a label to easily identify them.

Set up template variables for your automated landing pages - Arengu

If you create a manual page afterwards, you will see all the fields you created and mapped, with their correspondent settings: format, labels, etc.

If you want to modify the variables later on, just click on the page you want to edit, and add your texts in the fields. All the variables you have set in the HTML will be editable and they will be displayed in Page variables. This way, you can add or modify texts in Arengu, without having to modify the HTML. Editing your variables in Arengu allows you to save time and developing resources — you just have to define them previously. Make sure your HTML template includes every variable you need!

3. Create and upload a CSV

A CSV is a type of file where values are separated by commas. Actually, CSV stands for "comma-separated values".

To create a CSV, you just need to open any spreadsheet software — such as Google Sheets or Microsoft Excel. Create a new file and start organizing the data into the tabular file. In this case, we have included some sections for a product page: product ID, title, description, images, price, etc.

When setting up your CSV file, remember your CSV should include all the variables you have set previously in your HTML template. For instance, the template for this feed should include the variables {{id}}, {{title}}, {{description}}, {{link}}, and so forth. It is also recommendable to add a column for the URL, although it is not mandatory. The URL can be automatically created, but it is preferable to add it, so you can modify it and optimize it.

Where can I find the URL for a CSV file?

In order to upload your CV file, you will need the URL. This is not the URL of the spreadsheet. To obtain the correct URL, go to File > Publish to the web. After you click on Publish to the web, you can choose the publication settings. You can choose whether to get a link of the whole spreadsheet or just one of the sheets. After you're done with the settings, you will get the CSV file. Copy it!

4. Create and set up the source

Once you have your template and your CSV file, you can set up the feed settings. Go to the Pages settings and then to the tab Source. Click on Create source, choose the template you want, add the CSV URL and name your source.

How to automatically generate product landing pages

After this step, you can also set up the CSV settings, and the feed settings. Remember to fill the URL path* with the column title you have set in your CSV file. In this case, the column title was arengu_url.

The Latest update date field determines the date where the page data where last updated. The tool will recognize when was the last update and regenerate the page or not accordingly. This comes in handy if you have a high volume of landing pages you need to regenerate, since it will regenerate only when necessary.

You're all set now!  After going through this process, your page will be automatically created!

Author

Ana Vilar García

Marketing Specialist at Arengu

View Comments
Next Post

How to reference forms and flows variables in Arengu

Previous Post

Organize new users and their access with approval forms