Skip to main content

Documentation Portal

Site Customization

The Site Customization feature lets you set the look and feel and behavior of the following site usage stages:

  1. Welcome popup - The welcome page displayed when a user enters your site

  2. Switcher popup - Lets you switch your country.

  3. Free Shipping banner - The optional free shipping banner

  4. Checkout page - Your site's checkout page

Accessing the Customization Page

To customize your page configurations, you must access the Customization page.

To access the Customization page
  1. Navigate to Configuration > Customization from the top menu:

    Configuration_Customization_Menu.png
  2. Select a merchant from the Merchant menu.

    The following page is displayed.

    Site_Customization_Main_Page_Callouts.png
  3. Configure the elements above according to the table below:

    No.

    Element

    Description

    1

    Welcome Popup tab

    View, modify, and manage elements related to your Welcome popup screen.

    2

    Switcher Popup tab

    View, modify, and manage elements related to your Switcher Popup screen.

    3

    Free Shipping Banner tab

    View and modify your shipping banner page configuration.

    4

    Checkout tab

    Configure your checkout page.

Configuring Your Welcome Popup Page

From here you can view, modify, and manage elements related to your Welcome popup screen. This page includes a text editor containing some default template text to display as your site’s popup message. It also includes a Preview panel located to the right of the text editor.

Welcome_Popup_2.png
To configure your Welcome popup screen
  1. Follow steps 1 and 2 in Accessing the Customization Page.

  2. Modify the following elements:

    • Default language setting menu located above the Preview panel.

      The English language version of the Welcome pop-up is viewed by site visitors from countries that do not have a localized (translated) version of the pop-up.

    • Automatic text (optional) to be used in your welcome popup message:

      • {Country} parameter: Informs shoppers that the goods can be delivered to their country.

      • {Shipping message} parameter: informs shoppers about the lowest cart range required to qualify for free shipping to their country.

      • {Duties payment message} parameter: informs shoppers about the duties payment option required for their country during checkout.

        Note

        When a customer visits your store, Global-e detects their location and automatically inserts the country name, and displays the relevant messages regarding shipping and duties & taxes.

    • Design settings (show/hide your logo).

    • Preview options:

      • Free shipping:

        • Available - Minimum order required for free shipping. Default message: Enjoy free shipping for all orders above $x

        • Unavailable - Free shipping not available. Default message: Enjoy our great international shipping rates

        • To all - Free shipping on all orders. Default message: Free shipping to (your country) on all orders

      • Duties at checkout:

        • Payable - Duties are displayed separately at checkout with the option to prepay. Default message: Duties & Taxes calculated at checkout - choose to pay now or later

        • Hidden - Duties are incorporated in the product price. Default message: All Duties & Taxes are already included - no hidden fees

        • Partial - Duties are incorporated in the product price, with taxes displayed separately at the checkout with the option to prepay. Default message: All duties are already included. Taxes calculated at checkout

    • Button message and formatting.

    • Normal and hover mode text, body, and border color settings.

      Note

      You can reset your settings to their default configurations by clicking Reset to default at the bottom of the page.

Configuring Your Switcher Popup Page

From here you can view, modify, and manage elements related to your Switcher Popup screen. This page includes a text editor containing some default template text to display as your site’s popup message. It also includes a Preview panel located to the right of the text editor.

Switcher_Popup.png
Configure your switcher screen
  1. Follow steps 1 and 2 in Accessing the Customization Page.

  2. Click Switcher Popup.

  3. Modify the following design elements as needed:

    • Text editor

    • Design settings

  4. Click Save or Cancel.

Configuring Your Shipping Banner Page

From here you can view and modify your shipping banner page configuration. A live preview of your configurations is displayed on the right side of the page.

Note that you can reset your settings to their default configurations by clicking Reset to default at the bottom of the page.

Free_Shipping_Banner_2.png
Configure your checkout page
  1. Follow steps 1 and 2 in Accessing the Customization Page.

  2. Click Free Shipping Banner.

  3. Click Show banner on website.

  4. Modify the Design settings section as needed.

  5. Modify your list of countries (optional):

    1. Click list of countries.

    2. Select all of the relevant countries.

    3. Click OK.

  6. Select a language from the language menu on the far right of the page.

  7. Enter the text of your shipping banner message in the text field.

    Note

    The text in the curly brackets pulls information from the database.

  8. Create an additional group of countries (optional):

    1. Click Create additional group of countries.

    2. Select a continent from the map.

    3. Select your countries from the Create a new group of countries panel.

    4. Click OK.

  9. Click Save.

Configuring Your Checkout Page

From here you configure your checkout page. A preview of your banner is displayed on the right side of the screen.

Note that you can reset your settings to their default configurations by clicking Reset to default at the bottom of the page.

Checkout_Page.png
Configure your shipping banner screen
  1. Follow steps 1 and 2 in Accessing the Customization Page.

  2. Click Checkout.

  3. Select a language from the language menu located at the far right of the page.

  4. Modify the following design settings as needed:

    • Logo - Lets you resize and adjust the logo in all places where it appears, such as the Checkout page and customer facing notification emails.

    • Title bars and footer - Lets you set the background and text color of your title bars and footers.

    • Text - Lets you set the body text color.

    • Payment button (Pay and place order) - Lets you set the text, size, and text type of the Payment button

    • Coupon button (Apply) - Lets you set the text, size, and text type of the Apply button.

    • Normal mode - Lets you set the button text color, body color, and border color for the selected button (Pay and place order or Apply).

    • Hover mode - Lets you set the color shown when you hover over the selected button (Pay and place order or Apply).

    • Total price - Lets you set the color, font, size, and text type of the total price.

  5. Click Cancel, Save, or Reset to default.