Help Center
Explore ThemesMade with InspiredThemeAbout UsContact
  • ABOUT INSPIREDTHEME
  • General theme settings
    • Available page types
  • UPDATES
    • Changelog
  • Getting started
    • What is Online Store 2.0 theme?
    • Before you customize your theme
      • Step 1: Duplicate your theme to create a backup copy
      • Step 2: Follow our suggestions for a better design experience
      • Step 3: Understand the level of support we provide
      • Step 4: Learn about the ideal Shopify image sizes
  • GENERAL INFORMATION
    • How to install theme
    • Try themes for free
    • Add products to store
    • Set up collections
    • Customize the theme
    • Navigation menus
  • SECTIONS
    • Sections available in Inspired Themes
      • Featured collection
      • Featured product
      • Collection list
      • Rich text
      • Image with text
      • Image banner
      • Slideshow
      • Collage
      • Multicolumn
      • Email signup
      • Contact form
      • Video
      • Blog posts
      • Custom Liquid
      • Page
      • Collapsible content
      • Video banner
  • HEADER
    • Announcement bar
    • Header
  • PRODUCT PAGES
    • Product information
      • Default product blocks
      • Text
      • Line item property
      • Inventory status
      • Collapsible tab
      • Custom liquid
      • Pop-up
      • Product rating
    • Product information section settings
    • Product recommendations
    • Creating product templates
  • COLLECTION PAGES
    • Collection banner
    • Product grid
    • Creating collection templates
  • PAGES
    • Page Templates
    • Creating page templates
    • Other pages
      • 404
      • Cart
      • Checkout
      • Search
      • Blog Posts
      • Blog
  • FOOTER
    • Footer blocks
    • Footer settings
  • THEME SETTINGS
    • InspiredTheme Settings Intro
      • Colors
      • Typography
      • Styles
      • Layout
      • Animation
      • Social media
      • Search input
      • Favicon
      • Currency format
  • FAQs
    • Customer account
    • Set up local pickup
    • Where do submission of Email signup forms go?
    • View contact form submissions
    • Restrict store access, remove password
    • Integrate apps into the theme
    • How to add or edit content store policies?
    • How to use Canva templates
    • How to create Gift Card Products
    • How to center the heading of sections?
    • How to enable the country/region selector?
  • SUPPORT
    • InspiredTheme Support
Powered by GitBook
On this page
  • 1. How to customize the Checkout page?
  • 2. The settings include

Was this helpful?

  1. PAGES
  2. Other pages

Checkout

This is where the customer completes payment and provides the information for delivery and contact details that are needed for invoicing.

Last updated 11 months ago

Was this helpful?


Story theme: Checkout page

1. How to customize the Checkout page?

Steps:

  • In the theme editor, open the template selector at the top of the page..

  • Select Checkout and new customer accounts.

  • Make necessary changes.

  • Click Save and test the new checkout layout on your live store.

2. The settings include

  • Banner & Logo: You can add the background banner or logo. If not, you can leave these settings blank.

  • Main content area: It shows on the site's left-hand side which has contact info and shipping address. For this area, you can also add a background image or leave it blank and use background color only. The provided field to add text can be set as white or transparent.

  • Order summary area: Appear on the right-hand side of the site. The same as the main content area, background image, and color can be added to meet your expectations.

  • Typography & colors: Use this part to change fonts and colors that match the store's aesthetic look.

  • Checkout layout: Select One-page checkout or Three-page checkout to set the checkout layout.

The one-page checkout collects the same information from your customers as the three-page checkout. And the one-page checkout also supports the same customization options as the three-page checkout. Any customizations that you've made will continue to work seamlessly when you switch between checkout layouts.

The header layout for the one-page checkout is different from the three-page checkout, which might impact how your background image displays at checkout.

Note: Although you might want to add a lot of color and interest to your checkout pages, it's best to keep the design simple. Your customers use these pages to enter shipping and payment information for their orders, and you don't want to distract them or make the information hard to read.

Choose colors with high contrast, and images that don't draw attention from the words on the page.