How can I Change my Tracking Page Design

Would you like to customize your tracking page to your taste? If yes, we've got good news: TracMage lets you customize your tracking page just the way you want it.

Here's what the default tracking page design looks like:

Don't like the design? Well, there are over a dozen themes - that is, tracking page templates - you can choose from. Even more, we have a powerful visual builder feature that allows you to tweak a tracking page 100% to your taste.

With the visual builder tool, you can add a logo, change colors and fonts, add links to your social media pages, and lots more. It's easy and intuitive to use, and in this article, you will get to learn how to use it.

When you are done designing, you can easily get the link to the designed page and send it to your customers. 

This tutorial is divided into two parts: how to change a theme and how to use the visual builder.

In the visual builder section, we will be brief. That's because we've curated a handful of tutorials that explain how to use the tool, so we recommend you read them once you're done with this. 

Okay, that's about it. Let's get to work!

How to Change a Theme 

Step 1

Log into your dashboard. Click the Tracking Pages tab.

Step 2

Select the page you wish to change its design and click the Edit button on it.

For this example, we will be changing the design of the "sub-demo" page which has been set as default. If you haven't created a page yet, click the Add New button. In this tutorial, we explained how to create a tracking page, so do well to check it out.

Step 3.

Next, click the Theme tab.

From here you can select the theme you think is the best fit. Once you've chosen a theme, click the Save button at the bottom of the page. 

To see how the design looks, click the Preview button.

The page will open in a new tab in your browser. You can then copy the URL to the page if you wish to.

How to Use the Visual Builder

With the Visual Builder tool, you can customize a page design exactly the way you want it. Here's how to use it:

Step 1

Click the Tracking Pages tab, followed by the Visual Builder button.

Here's how the interface of the visual builder

Note: The black background you are seeing here is because of the theme we chose for this tutorial. Yours may be different.

Step 2

Now there are a whole lot of things you can do with the visual builder, it would be impossible to cover them all here. As such, we will cover just a few.

As earlier said, we've curated several tutorial articles on the visual builder tool. Please read them to better understand how to use the visual builder tool. In this section, we will only be laying bare the basics of the visual builder tool. 

Changing Background Color

To change the background color of a page, on the Visual Builder page, click General

Next, click Background

Followed by Background Color

Use the color palette to pick a color. You can set a background image if you so wish to. Preview, then save the design if it's good enough. Don't like the color you chose? Click the Reset Defaults button to return to the original background color (black in this case). 

Adding a Logo

To add a logo, navigate to Header

And then Logo

Upload a logo by clicking the Upload Image button. Then click the Apply button. 

Selecting a Font

There are over a dozen fonts you can select from, and to choose one, navigate to General >> Font. 

From here select a font of your choice.

To go back to the main visual builder page, click the Back button repeatedly.

Editing the Card and Sidebar Menu

To edit the card or the sidebar menu, click anywhere inside them. This will bring up their customization options.

Remember, you can always restore the original colors by clicking the Reset Defaults button. 

As you design, you can always check to see how your design will look on mobile devices by clicking the Mobile button.

These are just a few things you can do with the Visual Builder tool. The key to mastering it is experimenting as much as you can with it. You will naturally get better at it the more often you practice.

Did this solve your problem?