Language

2Checkout Documentation

Customize Checkout

You can customize your checkout page using the Checkout Page Manager in the Seller Area. This will facilitate the creation of a more consistent buyer experience, leading to improved conversion rates.

To access the Checkout Page Manager, click the Account tab, then click the Site Management sub-tab. While viewing the Site Management page, click on the button labeled Manage Checkout.

Click on the Create Theme button to begin customizing your checkout page.

Upon clicking the Create Theme button, you will be directed to the custom checkout template editor. The upper pane displays a preview of the checkout page, and any changes made will occur in real-time. This allows you to observe the result as customizations are performed.

If you must return to the Site Management tab in the Seller Area, simply click the Back link, adjacent the Save It button.

Please note that if the Back link is clicked, you will be immediately directed to the Site Management tab; you will NOT be prompted to save your changes. To avoid having to repeat your work, we would advise clicking Save It after you make a change to your template. Upon saving your modifications, a Save Successful message will be displayed on the left-hand side of the screen.


Customizing Your Template

Six aspects of your template may be modified through the interface populating the bottom half of the screen.

  • Edit Name – Choose your own name for your theme. This is not visible to buyers.  Note: Assigning a Theme Name is mandatory. The template will not be saved if a name is not specified.

  • Edit Colors – Select the template’s Background Color, Heading Bar Color, and Heading Bar Font Color.  Click on the rectangular box containing the hexadecimal color code to begin editing the corresponding element’s color. You may use the visual interface to choose a color, or enter the hexadecimal code into the box if you already know the exact color that you wish to assign.

  • Upload Images – Select either Logo or Background from the drop-down menu for specific options.

    • Logo – Select Use Existing to choose a checkout page image that is already uploaded to your account. A miniature window will appear, displaying the available checkout page image(s). Click the desired image that you wish to associate with your custom theme.  If you do not have any images uploaded already, select Upload New to browse your computer for an appropriate image file. Valid file formats are: JPEG, GIF, and PNG. The maximum dimensions are: 335 x 60 pixels.
    • Background – Select Use Existing to choose a background image that you uploaded to your account. A miniature window will appear, displaying the available background image(s). Click the desired image that you wish to assign as the background.  If you do not have any images uploaded already, select Upload New to browse your computer for an appropriate image file. Valid file formats are: JPEG, GIF, and PNG. No maximum dimensions are specified, however, the maximum file size is 500 kb. When assigning a background image, you may specify the manner in which the image is tiled across the checkout page, as well as the alignment of the background image.  Background Tiling No-Tiling – a single instance of the selected background image will be displayed, oriented in accordance with the Background Position.
    • Repeat-x – the background image will be tiled horizontally across the page.
    • Repeat-y – the background image will be tiled vertically on the page.  Repeat x and y – the background image will be tiled horizontally and vertically, filling the entire page.
    • Background Position – Select Left, Center, or Right to specify the alignment of your background image.
  • Add Links – This feature will enable you to provide additional links to external pages. The Link Text determines what the buyer sees on the checkout page. The Link URL is where the buyer will be directed upon clicking the Link Text: The details entered into the fields described above will be displayed on the checkout page directly beneath the Currency and Language selection.

  • Enter Info – This feature allows you to provide the physical address of your business to buyers:Information entered into these fields will appear below the company name associated with your account.


Final Steps

Once you have finished creating your theme, click the Save It button, then click the back link to return to the Checkout Page Manager.  Activating Your Theme You will see your theme listed under the Select Theme menu, located on the left side of the screen. Click the Set Live button to activate the corresponding theme.


Edit, Delete, or Preview Your Theme

If you wish to Edit, Delete, or Preview a theme, click once on the theme’s name to bring up an options menu.  Three options are available.

  • Edit - Click the Edit icon to immediately access the theme within the custom theme editor.

  • Delete - Click the Delete icon if you wish to permanently remove the selected theme.

  • Preview - Click the Preview icon to display a preview of the selected theme.