Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
ecommerce_storefront_setup [2019/05/09 18:17]
tblount
ecommerce_storefront_setup [2019/08/02 11:25] (current)
tblount
Line 2: Line 2:
  
 In this article, we will be outlining the Storefront section of the Admin Panel. If you would like more specific information about a given topic, please reach out to the Ecommerce Training Staff at ecommerce@cyrious.com. In this article, we will be outlining the Storefront section of the Admin Panel. If you would like more specific information about a given topic, please reach out to the Ecommerce Training Staff at ecommerce@cyrious.com.
 +
 +===== Storefront Menu =====
 +
 +New Storefront - This option will allow to create a New Storefront as long as you have an available license.
 +
 +Number of Storefronts Remaining - If you have an available license for a new storefront, your available number of storefronts left will be displayed.
 +
 +Search - This option will allow you to filter your list based on name or brand.
 +
 +Toolbar
 +
 +  - Edit - Represented as a pencil when you you hover or hightlight a storefront row. This allows you to open an existing record.
 +  - ID - The database unique identifier for the storefront. This option is not editable, but you may need to provide this information to the Ecommerce Training Team to troubleshoot issues.
 +  - Name - This is the name used to identify the storefront to your customer.
 +  - Brand - This is the name used to identify the storefront within your organization.
 +  - Preview - Represented as an eye. This allows you to see the customer perspective of the storefront.
 +  - Clone - Represented as overlapping pages. This allows you to clone a storefront as long as you have an available license.
 +  - Delete - We don't currently support deletion of storefronts. If you are new to setup and have not used the storefront for customer orders, you can rename the storefront without issue. If you have used the storefront for customer orders, please reach out to ecommerce@cyrious.com for additional options.
  
 ===== General Tab ===== ===== General Tab =====
Line 7: Line 25:
 Store Identity Store Identity
  
-  - Store Name - This is how you want to identify the storefront to your customer. +  - Store Name - This is the name used to identify the storefront to your customer. 
-  - Brand Name - This is how you want to identify the storefront within your organization.+  - Brand Name - This is the name used to identify the storefront within your organization
 +  - Store Tagline - This is option allows you to display a storefront slogan to your customer.
   - Store Catalog - The catalog tells the storefront what product categories and products to display. Only one catalog can be assigned to a storefront at a time.   - Store Catalog - The catalog tells the storefront what product categories and products to display. Only one catalog can be assigned to a storefront at a time.
   - Store Logo Image - This is the image your storefront will display for branding. Images should be less than 3 Megs. Supported file types are JPEG, PNG, and GIF.   - Store Logo Image - This is the image your storefront will display for branding. Images should be less than 3 Megs. Supported file types are JPEG, PNG, and GIF.
Line 25: Line 44:
 Store Contact Information Store Contact Information
  
-  - Administrator'​s Email - This email is the main contact for storefront setup. 
-  - Sales Department Email - This email will be displayed on the customer'​s receipt, and it will receive a copy of each order receipt processed on the storefront. 
-  - Customer Service Email - This email will be displayed on the storefront for the customer to contact with any issues. 
   - Sales Department Phone Number - This phone number will be displayed on the customer'​s receipt.   - Sales Department Phone Number - This phone number will be displayed on the customer'​s receipt.
   - Customer Service Phone Number - This phone number will be displayed on the storefront for the customer to contact with any issues.   - Customer Service Phone Number - This phone number will be displayed on the storefront for the customer to contact with any issues.
   - Mailing Address - This address will be displayed on the storefront for the customer to contact with any issues.   - Mailing Address - This address will be displayed on the storefront for the customer to contact with any issues.
 +  - Administrator'​s Email - This email is the main contact for storefront setup.
 +  - Sales Department Email - This email will be displayed on the customer'​s receipt, and it will receive a copy of each order receipt processed on the storefront.
 +  - Customer Service Email - This email will be displayed on the storefront for the customer to contact with any issues.
 +  - Custom Label - This option allows you to mask your Customer Service Email with alternative text. If you display alternative text, your customer may need to contact their IT department to make sure they have an active email editor or correct web browser permissions to allow mailto href tags.
 +  - Show in Top Navigation - If checked, this option will display your Customer Service Email in your storefront header.
 +  - Custom Link 1 URL - This option allows for a link to one outside website of your choice. For the link to properly navigate outside of the storefront, please include the http or https settings for the site, such as [[http://​www.cyriouswiki.net|http://​www.cyriouswiki.net]] or [[https://​www.cyrious.com/​|https://​www.cyrious.com/​]]
 +  - Custom Label - This option allows you to mask your Custom Link 1 URL with alternative text.
  
 ===== Style Tab ===== ===== Style Tab =====
  
 The style tab allows you to pick the look of the individual storefront. For example, a private storefront can have a color scheme that matches their brand. The style tab allows you to pick the look of the individual storefront. For example, a private storefront can have a color scheme that matches their brand.
 +
 +Fonts
 +
 +  - Font Family - This option allows you to choose which text styling to use across your storefront.
 +  - Font Size - This option allows you to control the readable and sizing of the text across your storefront.
 +
 +Colors
 +
 +  - Header Background - This option controls the color of the storefront'​s header. It is the area that contains the storefront logo and search options.
 +  - Heading Text - This option controls the text color of the storefront'​s header. It is the area that contains the storefront logo and search options.
 +  - Top Navigation Background - This option controls the color of the storefront'​s top navigation bar. It is the area that contains the storefront logo, customer service contact information,​ customer login link, and basket link.
 +  - Top Navigation Text Color - This option controls the primary text color of the storefront'​s top navigation bar. It is the area that contains the storefront logo, customer service contact information,​ customer login link, and basket link.
 +  - Top Navigation Hover - This option controls the hover text color of the storefront'​s top navigation bar. This color will appear when you hover over one of the link options in the header, such as the customer service email address, customer login link, and basket link.
 +  - Navigation Background - This option controls the color of the storefront'​s primary navigation bar. It is the area that contains the home button and your storefront primary catergories.
 +  - Navigation Hover - This option controls the hover color of the storefront'​s primary navigation bar. This color will appear when you hover over the home button and one of the storefront primary categories.
 +  - Input Text Color - This option controls the storefront'​s default text color. This color will appear on your storefront in areas that don't have a specific text color option.
 +  - Button Primary - This option controls the primary button color for the storefront. This color will appear when a product can be added to your basket or to represent the next step in the checkout process.
 +  - Button Secondary - This option controls the seconday button color for the storefront. This color will appear when a product has additional steps before it can be added to your basket or to represent the previous step in the checkout process, such as the Continue Shoppnig button on the basket.
 +  - Footer Background - This option controls the color of the storefront'​s footer. It is the area that contains the product catalog, store information pages, and about us sections.
 +  - Footer Text - This option controls the text color of the storefront'​s footer. It is the area that contains the product catalog, store information pages, and about us sections.
 +  - Default Hover - This option controls the storefront'​s default hover color. This color will appear on your storefront in areas that don't have a specific hover color option.
 +
 +Footer Column Labels
 +
 +  - Column 1 - Catalog - This option allows you to customize the column heading for your product catalog in your storefront footer.
 +  - Column 2 - Store Pages - This option allows you to customize the column heading for your store information pages in your storefront footer.
 +  - Column 3 - Contact Info - This option allows you to customize the column heading for your contact information in your storefront footer.
 +
 +Preview - This option allows you to preview your color combination prior to saving and applying the changes to your storefront.
  
 ===== Integration Tab ===== ===== Integration Tab =====
Line 54: Line 106:
 ===== URL Tab ===== ===== URL Tab =====
  
-The URL tab displays the storefront url attached to this setup. If you are looking at Storefront ID 1, it will host all available storefront urls for your company until you are ready to setup a new storefront.+The URL tab displays the storefront url attached to this setup. If you are looking at Storefront ID 1, it will host all available storefront urls for your company until you are ready to setup a new storefront. For more information about customizing your URL naming, see the feature article [[:​ecommerce_-_setting_up_a_custom_storefront_url|here]].
  
 ===== Store Info Tab ===== ===== Store Info Tab =====