The Storefront Translations tab allows you to modify the texts of your hosted storefront pages and add new languages and translations. To modify the translations/texts of your self-hosted (widget/WordPress plugin) storefronts, please refer to the Using a customized translation section in the Widget documentation for additional details.
Customizing your hosted storefront
Your hosted storefront pages are divided in elements (translations), so to change the content of one page, you may need to change the content of several elements (translations). You can manage the content of your hosted storefront translations through the Storefront Translations tab. The structure of your hosted storefront pages is listed in the Hosted storefront pages and their structure help section.
The translation content supports HTML and inline CSS. You can also use Bootstrap classes to change the content structure and design as the hosted storefront uses Bootstrap.
The translation filter allows you to find page elements (translations) that you wish to modify more quickly.
Hosted storefront pages and their structure
The following elements are displayed on all your hosted storefront pages:
- Site header (site_footer) - By default, it displays your store logo/brand name, language and currency drop-down menus, shopping cart link, and a navigation menu.
- Site footer (site_footer) - By default, it displays your store name and links to your About us, Contact us, Terms, and Privacy pages.
Here is a list of the available hosted storefront pages and their structure excluding the site header and footer:
- Home page (https://example.com/)
- Header (headers|home) is the top editable section of the main content.
- Footer (footers|home) is the bottom editable section of the main content.
- Plans page (https://example.com/plans)
- Header (header|plans) is the top editable section of the main content shown above the Plans form.
- Plans form shows the plans offered in your online store. The texts in the form are edited independently as they are used in multiple pages. In example, you can edit the hosting plan group titles in the plan_group|shared, plan_group|vps, plan_group|app, and plan_group|server translations.
- Footer (footer|plans) is the bottom editable section of the main content shown under the Plans form.
- Order page (https://example.com/order)
- Header (header|order) is the top editable section of the main content shown above the Order form.
- Order form shows the main order form of your online store. The texts in the form are edited separately as they are used in multiple pages. In example, you can edit the text of the "Add to cart" button in the btn|add_to_cart translation.
- Footer (footer|plans) is the bottom editable section of the main content shown under the Order form.
- Domains page (https://example.com/domains)
- Header (header|domains) is the top editable section of the main content shown above the Domain form.
- Domain form shows the domain ordering form of your online store. The texts in the form are separately as they are used in multiple pages. In example, you can edit the text of the "Check" button in the btn|check translation.
- Footer (footer|domains) is the bottom editable section of the main content shown under the Domain form.
- Certificates page (https://example.com/certificates)
- Header (header|certificates) is the top editable section of the main content shown above the Certificates form.
- Certificates form shows the certificate ordering form of your online store. The texts in the form are edited separately as they are used in multiple pages. In example, you can edit "SSL certificate" title inside the form in the heading|ssl_certificate translation.
- Footer (footer|certificates) is the bottom editable section of the main content shown under the Certificates form.
- Cart page (https://example.com/cart)
- Header (header|cart) is the top editable section of the main content shown above the Cart items.
- Cart items shows the current items in your shopping cart. The texts in the shopping cart are edited separately as they are used in multiple pages. In example, you can edit the "Your shopping cart is empty." text when the cart is empty in the cart_empty translation.
- Footer (footer|cart) is the bottom editable section of the main content shown under the Cart items.
- About us page (https://example.com/about-us)
- Header (headers|aboutus) is the top editable section of the main content.
- Footer (footers|aboutus) is the bottom editable section of the main content.
- Contact us page (https://example.com/contact-us)
- Header (headers|contactus) is the top editable section of the main content.
- Contact details (store_contacts) displays your contact details on the left side of the Contact form.
- Contact form shows a contact form that allows your hosted storefront visitors to contact you. The texts in the form are edited independently as they are used in multiple pages. In example, you can edit the "Message" text in the label.message translation.
- Footer (footers|contactus) is the bottom editable section of the main content.
- Terms page (https://example.com/terms)
- Header (headers|terms) is the top editable section of the main content.
- Footer(footer|terms) is the bottom editable section of the main content. It shows the terms of use text by default.
- Privacy page (https://example.com/privacy)
- Header (headers|privacy) is the top editable section of the main content.
- Footer (footer|privacy) is the bottom editable section of the main content. It shows the privacy policy text by default.
System-wide variables available for use
System-wide variables start with the colon symbol (:) and can be used in all elements (translations) of your storefront pages. You can use the following system-wide variables in your translations:
- :store_name, :store_title, :store_currency, and :store_contact_email will be replaced respectively with the hosted storefront address prefix, brand name, currency, and contact email of your hosted storefront as you have defined them in the Main Settings of your store.
- :url_home, :url_plans, :url_order, :url_domains, :url_certificates, :url_cart, :url_aboutus, :url_contactus, :url_terms, and :url_privacy will be replaced with the respective links to the Home, Plans, Order, etc. pages of your hosted storefront.
Using the translation filter
You can filter the displayed translations by the following criteria:
- Language allows filtering by language using the two-letter language code.
- Path allows filtering by the name of the translation.
- Content allows filtering by the content of the translation that is displayed on your hosted storefront.
- Tag allows filtering by tags. The available tags are divided in several categories:
- Importance of the translation - Main (main page texts) and Extra (notices, form texts, etc.).
- Status of the translation content - New (newly added translation) and Modified (translation content that is different from the original). The Modified tag is also a button that allows you to insert the original translation text in the Content field of the specific translation.
Additional languages
The default supported languages for your hosted storefront are English and Bulgarian. You can add more languages by clicking on the New Language button from the Storefront Translations tab of your store management screen. There you should input the following information:
- Two-letter code - This code will be appended to the URL of your hosted storefront, when the visitor changes the language. For English, ?lang=en will be appended to the page URL.
- Language label - This label will be displayed in the language drop-down menu on your hosted storefront.
You can enable/disable languages on your hosted storefront with the Languages options in the Hosted storefront settings from the management screen of your online store.
Copying translations between online stores
You can clone languages (and all their translations) between your online stores by using the Clone Language button from the Storefront Translations tab. A pop-up will appear on your screen allowing you to select the languages that you wish to clone and the store where the selected languages will be cloned.