How To Use ClickDesigns With Kartra

In this article, you'll learn how to seamlessly use ClickDesigns with Kartra.

STEP 1:

Firstly, log into your Kartra account. From here, click on "Pages" and "Add Page."

Then, choose a template that you'd like to use. For this tutorial, we're going to use the "Long Sales Pages." Select a design and then choose "Launch Builder."

Input the Page Name, Category, and Site. Once that's finished, click on "Create." This is going to load up your Page Builder.

NOTE: Some images in some templates may not be editable. When you hover over these images, it will not show you any setting wherein you can edit said image.

STEP 2:

In customizing our Page Builder, let's start with a logo. Open up your ClickDesigns account where you can make and edit your very own logo, and export that design.

Going back to your Kartra account, simply choose "Edit Style" on the logo section of the Page Builder, click on "Image Selected," and upload your logo design made from your ClickDesigns account.

Now your logo made from your ClickDesigns has been added to your Kartra page.

STEP 3:

Let's try customizing some of the graphics on our Page Builder. Going back to your ClickDesigns account, if you don't have any existing graphics that you'd want to use for your existing Kartra page, click on the "Templates" section.

Here, you can choose from the array of templates to choose from on ClickDesigns or you can start from scratch and create your own. In this case, we're going to use a template. Simply hover over a design you'd like to use and click on "Use Template."

Once you're happy with the graphic, don't forget to export your design.

Feel free to make, edit, and export as many or as little ClickDesigns graphics as you'd like in order to customize your Kartra page. When finished, you can upload these graphics similarly to your logo. "Edit Style" in the image sections and "Image Selected" to upload.

Don't forget to save your progress along the way by clicking on "Save Progress" under "Actions" on the upper right hand corner of your Kartra Page!

STEP 4:

Now, this template contains circle images that can be customized. Of course, ClickDesigns is the perfect tool for you to use to add all these images.

Opening up your ClickDesigns account, let's start from scratch and open up the ClickDesigns Editor using a Blank Canvas.

On the Blank Canvas, you have the option of either uploading images of your team members or any other photo. Once you've uploaded an image and positioned it to your liking on the canvas, on the "Image" tab, scroll down and select "Circle Image."

This is going to crop your image into a circle with ease.

Now, your circle image is ready for your Kartra page! Export your new image and repeat the process however many times you want to make as many circle images as you need. When finished, you can upload these similarly to your graphics. "Edit Style" in the circle image sections and "Image Selected" to upload.

STEP 5:

Of course, mockups are no exception. On your ClickDesigns dashboard, go back "Templates" to choose another graphic that you'd like to use.

Simply hover over a design you'd like to use and click on "Use Template."

Once you're happy with the graphic, don't forget to export your design.

When exported, you can upload these similarly to your earlier graphics. "Edit Style" in the graphic image section and "Image Selected" to upload.

This is the ClickDesigns graphic uploaded onto the Kartra account. Feel free to repeat this process over and over again.

STEP 6:

Now, let's try doing a boxshot. Select the "Boxshot" category on your ClickDesigns. You can either make your own using a pre-made template or make one from scratch. For this tutorial, we already have a boxshot design on our ClickDesigns, so all we have to do is export it.

Once you've finished exporting, you can upload these similarly to your earlier graphics. "Edit Style" in the boxshot image section and "Image Selected" to upload.

Don't forget to save your progress along the way by clicking on "Save Progress" under "Actions" on the upper right hand corner of your Kartra Page!

STEP 7:

Feel free to customize and add other video placeholder images or actual videos depending on your sales page template.

Once you've finished editing all of your images and/or videos, let's now try to edit the background of our Kartra page. Click on "Backgrounds" on the "Templates" section of ClickDesigns. You can either find a ready-made one or customize one to your liking. Hover over one and click on "Use Theme," and then "Save Theme."

Once you go back again to "My Designs," "Backgrounds," and then "Themes," you'll be able to view all of the themes that you've saved thus far.

From here, you can now easily download your saved themes to your local drive. Going back to your page on Kartra, hover over the first background section of your page and click on "Edit."

Then, click on "Background," "Image," and then "Upload."

Repeat the same process with each background section of the page until you change the background of your Kartra page completely with the help of ClickDesigns.

Again, don't forget to save your progress along the way by clicking on "Save Progress" under "Actions" on the upper right hand corner of your Kartra Page!

And Voila! That's how easy it is to seamlessly use ClickDesigns with Kartra.