Pages Tab
You first create the home page, which is the landing page of the storefront where the Product Catalog is displayed. The home page must be created as every storefront has at least a home page. The six additional pages, legal information and boxes are optional. You can also customize the Login dialog and the Footer of the order details and e-mails in the respective tabs.
TIP: Including Terms & Conditions and other information on an e-commerce website may be a legal requirement in your country.
Add/edit pages in the Pages tab
1 On the menu bar, choose Stores and select the store you want to add/edit Pages for.
2 In the Pages tab, click Edit in the Homepage tab to create/edit the landing page of the website.
 |
For each page you can edit the following features. Some features are optional.
Link Name
The text displayed as the page link in the storefront menu bar (mandatory)
Title
The title for the page content which appears under the banner image; you can leave this blank if you need the space at the top of the page for other layout elements.
Content
The actual content of the page; you have a blog-style HTML WYSIWYG Editor to write text, insert tables, and place images on the pages; you can also paste text from various sources and switch to HTML mode if you want to use HTML tags. See “HTML WYSIWYG Editor” for more information.
Boxes
Select the check boxes to add the Contact box and/or Link box, which you create in the Boxes tab, to the page. See “Create/edit Contact and Link boxes (Boxes tab)”.
Banner
Browse to add a static banner image (PNG, JPG, GIF) for the page between the navigation bar and the page Link Name. You can use the same banner for all the storefront pages or a different one for each page. This image is also used as an alternative image for browsers and devices that do not support Flash.
Carousel Banner
Browse to add a predefined HTML5 banner as image for the page between the navigation bar and the page Link Name. You create these banners in the Banners Tab.
Page <title>
Enter text to fill the title tag in the head of the HTML code on this page of your storefront. For example, entering My Company’s Store, generates the following HTML code:
<title>My Company's Store</title>
Page <description>
Enter text to fill the description meta tag in the head of the HTML code on this page of your storefront. For example, entering Webshop for ordering prints, generates the following HTML code:
<meta name="description" content="Webshop for ordering prints" />
NOTE: Putting information in the head tag of the HTML code is useful for search engine optimization (SEO) if your store is public. See“Search Engine Optimization (SEO)” for more information.
3 Click Save to confirm your changes to the Home page.
 |
The home page is automatically enabled and ready for viewing.
Check the result by clicking the Preview button. If the store is online and you’re logged on to the storefront, refresh the pages to see your changes or click View. If the store is off-line, the link is a preview. See “Previewing an off-line storefront”.
4 Click the Page 1 tab and repeat this procedure to add a second link in the navigation bar.
Remember that these optional pages cannot include the Product Catalog. They are typically used to display additional information about the storefront, for example:
•a FAQ page about the ordering and delivery process
•guidelines for shoppers who want to submit their own content
•company news, who to contact, etc.
5 Select the Show page in menu check box at the top of the Page tab to add it to the storefront.
6 Repeat this procedure for Page 2 to Page 6 as required.
 |
Customize the storefront login page
In the Login tab, you can customize the login screen that visitors see when they log on to a storefront. For example, you can add contact details (phone number, e-mail link, link to a website, self-registration to help a visitor with the logon process.
NOTE: For private stores only.
1 On the menu bar, choose Stores and select the store you want to enable/edit the login page for.
2 In the Pages tab, click Edit in the Login tab to enable/edit the Login page of the website.
|
3 Select the Customization check box and write your own text for the login screen in the HTML WYSIWYG Editor. You can also add a small image. See “HTML WYSIWYG Editor” for more information.
4 Click Save to confirm your changes.
|
Your new content will now appear in the panel on the right of the login screen for your storefront.
 |
NOTE: All the other information in this dialog is generated by the system.
Customize the storefront login page background
In the Login tab, you can customize the background of the login page that visitors see when they log on to a storefront. You can add a background image and a logo.
NOTE: For private stores only.
1 On the menu bar, choose Stores and select the store you want to enable/edit the login page for.
2 In the Pages tab, click Edit in the Login tab to enable/edit the Login page of the website.
|
3 Select the Full screen image background check box and upload background image and logo using the Choose File buttons.
4 Click Save to confirm your changes.
|
A full-screen image background and a logo on the login window of the store will now appear.
Add a Register button to the storefront login page (self-registration)
You can let new store visitors register themselves when they are on the login page. The self-registration feature adds a Register button to the login screen, and users with an e-mail address of a specified domain are given access without intervention of the administrator.
1 On the menu bar, choose Stores and select the store for which you want to enable self-registration.
2 In the Pages tab, click Edit in the Login tab.
|
3 Select the Self-registration check box and enter the relevant domain name, or multiple domain names separated by commas, in the E-mail domains field, for example:
mycompany.com,mycompany.fr,mycompany.de
You can enter up to 1024 characters in the box.
NOTE: Do not enter the domains of popular e-mail providers (gmail.com, hotmail.com, etc.) as this would give many users access to your storefront.
4 Select the Billable to company check box next to the Billing Address option and choose a company for billing the orders from the drop-down list. If you do no select this option, the shopper has to specify the billing address when checking out.
5 Click Save to confirm your changes.
|
The login page now displays a Register button so visitors with a valid e-mail address of one of the specified domains can register.
 |
A password is sent automatically to their e-mail address upon completion of this registration process.
Add/edit legal information (Legal tab)
In the Legal tab, you can provide information which may be required from a legal point of view. The content is either displayed in the footer on all the storefront pages, or under the pricing table.
 |
In the Pages tab, click Edit in the Legal tab to create/edit the Copyright Notice, Terms & Conditions, and Cookies page of the website. |
The following can be edited:
Copyright Notice
TIP: Enter ALT+0169 on a Windows computer or Option key + g on a Macintosh computer to type the copyright symbol (©).
Select this check box and enter the copyright notice that you want to display at the bottom of all pages (e.g. 2023 © My Company).
Terms & Conditions Page
Select this check box and complete the fields to display a Terms & Conditions link on all storefront pages that opens a separate page with your own terms and conditions. See “Terms & Conditions” for more information about what you should mention in your terms and conditions.
Users must acknowledge the Terms & Conditions at checkout
Legislation in certain countries may require that a shopper explicitly acknowledges the terms and condition of a storefront when ordering products. Select this check box if this is the case for your country and the following text will be added under the total amount of the order, before the checkout procedure is completed:
•I agree to the Terms & Conditions (where Terms & Conditions is a link to the Terms & Conditions page.
Link Name
The hyperlink text which is displayed on each page.
Title
The title of the page that opens when you click the hyperlink.
Content
Use the HTML WYSIWYG Editor to create the content for the Terms & Condition page. See “HTML WYSIWYG Editor” for more information.
NOTE: Terms & Conditions is a hyperlink to a page while the Copyright Notice is simply text.
Cookie Acceptance Page
Select this check box and complete the fields to display a disclaimer about the use of cookies.
Users must acknowledge the use of Cookies when visiting the store
Legislation in certain countries may require that a shopper is explicitly informed about the use of cookies on a website and that they acknowledge acceptance of cookies. Select this check box to display a blocking pop-up window with cookie usage notification including two buttons at the bottom that allow the user to accept all cookies or only the essential ones.
Link Name
The hyperlink text which is displayed at the bottom of each page.
Title
The title of the page that opens when you click the hyperlink.
Content
Use the HTML WYSIWYG Editor to create the content for the use Cookies Acceptance page. See “HTML WYSIWYG Editor” for more information.
 |
Custom Pricing Information
Here you can specify text to be added on the storefront product page to explain that prices include or exclude taxes and shipping, or other information. Select the check box and specify:
•Pricing Table: Enter custom text that you want to display under the pricing table, for example to inform shoppers that tax is included. Leave empty to display no text under the pricing table. This text is also displayed under the list of items in the shopping cart.
•Product Price: Enter custom text that you want to display under the price in the Place Order panel of the product page, and for the Total Price in the Product Kit wizard.
NOTE: If you do not select the check box, the standard tax and shipping footer, depending on the store configuration, is inserted under each pricing table but no default information is displayed under the product price.
 |
Custom Quote Information
Select the check box and enter information that you want to include in quotes that a shopper can create on the storefront. See “Quoting”.
Place Order Button
Select this check box to enable a customized Place Order button. Otherwise, the system default button is displayed. The Place Order button is the last button in the checkout flow without integrated payment gateway. When a shopper clicks this button, the order is placed and the shopper is bound to pay the amount for the order. In some countries you need to follow guidelines to protect consumer rights and you may need to customize the Place Order button to comply with regulations.
 |
Custom Backorder Information
Enter your text for the backorder information. You can use the variables (macros) mentioned under the box in your text.
Custom Tax Exemption Information
Enter text that will appear during checkout in the order details and in the order confirmation e-mail.
Create/edit Contact and Link boxes (Boxes tab)
The Boxes tab is where you create the Contact and Link boxes which can subsequently be inserted on your pages.
1 In the Pages tab, click Edit in the Boxes tab to create/edit the Contact Box and Link Box.
|
You can set up the following two boxes:
Contact Box
Enter a Title for the box and use the HTML WYSIWYG Editor to create content. You will typically insert a mailto link (e.g. mailto:info@MyCompany.com).
Link Box
Enter a Title for the box and use the HTML WYSIWYG Editor to create content. You can insert one or more internal or external hyperlinks to provide additional information, announce special offers, news, etc.
For example, insert the following URL to create a link to a list of previous orders (with <storename> being the name of the storefront):
https://<storename>.apogeestorefront.com/storefront/accountProductList.ep
Or the following code with keywords of your products to link to the search results for those keywords:
https://<storename>.apogeestorefront.com/storefront/search.ep?keyWords=calendar
See “HTML WYSIWYG Editor” for more information.
2 Click Save to confirm your changes.
|
The Contact and Link boxes are displayed under the content of the Home page and to the left of the content on the other pages.
NOTE: The boxes must be enabled for each page by selecting the Boxes check boxes when setting up the page. See “Pages Tab”.
Add a footer to order details (Footer tab)
For order-related e-mails and the Order Details page on the storefront, you can add your own content underneath the order details. The footer can be used to inform shoppers about invoicing, inquiries about their order, information about shipping, etc.
1 In the Pages tab, click Edit in the Footer tab to enable/edit the footer.
2 Choose where you want the footer to appear. You can add the footer to either or both of the following locations:
•Enabled in e-mails: adds the footer to order-related e-mails
•Enabled in “Order Details”: adds the footer to the Order Details
3 Enter the content using the HTML WYSIWYG Editor. See “HTML WYSIWYG Editor” for more information.
4 Click Save to confirm your changes.
|
Your new content now appears under the order details on the storefront.
 |
Edit the Order Reference dialog (Reference tab)
The Order Reference dialog is displayed when a shopper proceeds to checkout. You can edit the text of this dialog and the link text that opens the dialog, so it better fits your needs. For example, you can specify the type of purchase code the shopper must enter before checking out.
1 In the Pages tab, click Edit in the Reference tab to edit the default text of the dialog.
2 In the Name field, enter the text for the dialog title.
This text is also used for the link text on the Checkout page and the column header on the Your Orders page.
3 In the Text field, enter the content using the HTML WYSIWYG Editor. See “HTML WYSIWYG Editor” for more information.
4 Click Save to confirm your changes.
|
Your dialog title and text now appear in the order reference dialog on the storefront.
 |
The dialog title is also used for the link text on the Checkout page.
 |
NOTE: You only edit the text of the dialog and link text in the Reference tab. See “Reference” for information about this option and how you can force the dialog to appear for all orders.
Redirect a page to a URL outside StoreFront
A page link can also be a link to a URL outside the StoreFront system. This is done by inserting a hidden script in the page content.
1 Select the page you want to set up with a redirect link.
2 Click Edit and select the Show page in menu check box.
3 Enter a Link Name, e.g. Blog, and optionally a Title.
4 In the Content panel, choose Tools > Source code and paste the following code:
<script>// <! [CDATA [
window.location.replace("http://destination.com");
// ]]></script>
5 Click OK and Save your page.
When you click the page link, you briefly see the page with your title before being redirected to your URL outside StoreFront.
 |
doc. version 6.0.4