You will learn to navigate the necessary settings and upload a banner image to enhance your checkout page.
Step 1: Select the Apps section on your Shopify Admin panel
Once you’ve installed the app, log in to your Shopify admin.
You’ll see a menu on the left side of the screen.
Click on Apps, then look for Checkout Blocks and Customizer and open it.
Step 2: Navigate to Dashboard
Click on the Dashboard to see all the different configurations available to you.
Step 3: Select the Checkout Image option
Navigate to the Checkout Image option from the Dashboard & click on Know more to explore what this feature does.
Here, you can see the details of how checkout images work and how they can be used to improve your checkout experience.
Step 4: Launch Customizer
Click "Open customizer" to start customizing your checkout experience.
Step 5: Access the Apps Section
Click here to open the Apps section in the Customizer.
This is where you can manage and customize how the app appears on your store.
Step 6: Select Checkout Banner
Navigate to the Checkout Banner option.
When you see it, click the plus icon to add it to your checkout.
Pro Tip: You can select and add multiple banners to different sections of your checkout page. Therefore multiple promos or offers can be showcased at the same time.
Step 7: Select Checkout Page
Select Checkout from the options shown.
This will add the banner to your checkout page configuration.
Step 8: Choose Desktop Image URL Field
After selecting Checkout, take a moment to look for the Desktop image URL field.
This is where you specify the banner image you want to show on your checkout.
Step 9: Enter Banner Image URL
Choose the image you want to use as your banner from your uploaded files.
Copy the image URL and paste it into the Desktop image URL field.
Once you do that, the banner will start showing on your checkout.
Pro Tip: If you’d like, you can also upload and use different banner images for different devices to create a better experience for your customers.
Step 10: Save Your Changes
Click Save to apply the banner image and update your checkout page.
And voila!
You have successfully added a checkout banner by navigating through Checkout Blocks & Customizer, uploading the banner image, and saving your settings. This enhances the visual appeal of your checkout page and improves customer engagement.
Pro Tip: Checkout banners during the festive period drove conversion increases of up to 5-8% for merchants.
Here are a few examples on how merchants use Checkout banners for your reference:
BFCM:
Christmas:
New year:
