How To Increase Checkouts With A Product Landing Page

Unguided online stores:

• Have lower conversion rates: They distract shoppers with too many links and options
• Have lower order values: Most product display pages drive single product orders with lower average order value
• Have lower profit per order: First order profit isn't enough to afford scaling paid ads with CAC increasing

On the other hand, focused product landing pages:

• Have higher conversion rates: Focused entry point means a clear next step and clear call-to-action
• Have higher order value: Guide shoppers to add products and bundles to cart, increasing AOV
• Higher profit per order: Shoppers checkout with multiple products and bundles added to their cart

In this playbook, we’ll show you how to create one of these products landing pages in ConvertFlow:

When creating a new campaign in ConvertFlow, choose the "landing pages" campaign format.

You'll then see lots of landing page templates to choose from. Now, choose the template that's closest to your desired campaign.

Preview it and then create a campaign using that template, or create from scratch.

Once you've created your landing page campaign, you'll be taken to the funnel builder.

Here you can quickly customize the landing page template and preview your changes, before launching it.

Style the theme

Use the theme settings to customize the theme styles for headlines, buttons, etc.

Edit the content

Click any element, or use the layer manager, to edit content.

For text elements, you'll find a text editor in the builder panel. Or, you can double-click text elements to edit content within the builder canvas.

Then, use the design tab to fine-tune each element's design.

Configure product content

Select product elements, and you'll be able to configure the products to showcase in the settings to the left.

Choose a products source (example: Shopify), then which products to display.

Product feed elements will have settings to configure a products filter, such as products in a certain collection.

Product hero elements have 1 product that shows, so you can select it from the dropdown.

Each type of product element allows for adding conditional product recommendations, which let you use conditions to showcase the right products, based on conditions such as quiz answers, products in the cart, etc.

Choosing which product to display‍

First, select the product source you'd like to use. Product heroes can show a product either added to ConvertFlow or your connected ecommerce platform, such as Shopify.

Adding ConvertFlow custom products

These are custom products added to ConvertFlow, meaning they don't rely on an external integration to display.

You can add custom products, and adjust their title, price, image, description, product URL, etc.

Conditional product recommendations

Using the product element's conditional recommendations feature, you can conditionally show products.

This is useful for product quiz outcomes and product recommendation feeds, where you want to dynamically recommend products based on conditions, without having to create separate campaigns or funnel steps.

Start by clicking to add a "conditional product recommendation".

Once you've added a conditional product recommendation, you'll want to click to add conditions for the product recommendation scenario.

For example, you may want to have conditional product recommendations based on answers from your product quiz.

You can add as many conditions as you'd like using ConvertFlow's entire selection of targeting conditions, as well as control whether ALL conditions or ANY condition must be met for the product recommendation to show.

Once you've set the conditions up for your conditional product recommendation, you'll then want to configure which Shopify product shows conditionally, or by adding a custom product if you're using the ConvertFlow custom products source.

Display product content‍

Choose whether you want the product hero to have the image on the left or right.

Then, toggle product content such as title, price, description, quantity selector, reviews, variant pickers, subscription plan options, offer badges, and more.

Click to edit the title, description, etc. to fine-tune copy by overriding the Shopify product title and description with your own content.

Showing discounts

You can display a discount by clicking to edit the price, and then selecting a discount type (amount or percentage), followed by choosing the amount/percentage to visualize. This can optionally visualize a discount already being shown by Shopify.

Styling the product hero

Your product hero can be styled at once using the theme tab. Style the container sizing, padding, border, fonts, sizing, etc.

Set product button actions

From the Actions tab, you can configure the first button text and the click action, to either redirect to the selected product or add to cart.

If adding the product to cart, you can optionally configure the 2nd button text and what happens upon the 2nd button click, such as whether this 2nd click redirects shoppers to their cart, checkout, another funnel step, a URL, etc.

Configure conversion elements

Conversion elements are the buttons, forms, and quizzes on your page.

For each conversion element, you'll want to customize their content:

• Edit button element text
• Toggle contact fields and add custom fields to form elements
• Add options to survey elements
• Add questions and answers to quiz elements

Configure actions

Each conversion element has a default action you'll need to configure.

Click to the Actions tab to set the default action.

Buttons, forms, quizzes, and surveys can be configured to jump to another funnel step, redirect to a URL, redirect to cart, display a popup campaign, etc.

Here you can also add automations to run in the background, such as adding contacts to a list in your email providers.

From the Actions tab, you can also add conditional actions to your conversion elements.

Use these to define scenarios using conditions, where a different confirmation action is displayed and additional automations trigger, such as jumping to a different funnel step and applying an additional CRM tag based on a quiz answer combination.

Previewing your changes

Once you're done customizing the template, click to preview the landing page campaign.

You'll then be able to preview and test out your landing page in a safe test environment.

Testing your landing page campaign doesn't count towards campaign stats, and it doesn't trigger automations in your integrations.

Launch your landing page

Next, click "Launch" to choose which domain and URL you want your landing page to be hosted on.

Choosing a domain

You can either choose to have your landing page displayed on:

• Your website's reserved subdomain on convertflowpages.com
• Any custom domain you've added in your settings
• As a page on your Shopify store domain‍