Theme Settings | Shoptimized

How can we help?

Home Theme Settings

Theme Settings

The theme settings area is where you’re able to fine-tune and define your Shoptimized 5.0 configuration. This area controls site-wide specifics such as typography, branding and menus to style your store as you see fit.

Shoptimized 5.0 comes loaded with features that make setup a breeze, so load up your theme and follow along!

Customize > Theme Settings

License Key

Please enter your license key here.


You MUST be sure you’re using the correct store.myshopify.com link in the license area of the Shoptimized Members Area: https://members.shoptimized.net/login

Double check your link for hyphens and spelling or you will receive a red error box!

Typography

Allows you to select the font, size, line height, and QuickView font settings.

To choose your font you must go to https://fonts.google.com and paste the exact name in the space provided.

Default Font – The default font that will display site wide.

Default Font Size – Choose the best font size for readability and branding.

Default Line Height – Determines the amount of line spacing.

Quick View Font Size – Choose the best size for readability and branding.

Quick View Font Style – Make your font light, normal, bold, and bolder

Click “Save” and continue with setup.

General Colors

The color options allow you to fully brand your store for visual appeal and consistency.

Cart Icon Color – Changes the color of the cart icon on the top-left corner of the Desktop view.

Cart Count Background Color – Changes the color of the item counter of the cart icon.

Mobile Cart Count Background Color – Changes the color of the cart icon on the top-left corner of the Mobile view.

Cart Count Text Color – Changes the text color of the cart item counter on Desktop.

Mobile Cart Count Text Color – Changes the text color of the cart item counter on Mobile.

Sticky Cart Icon Color – Changes the cart icon color for the sticky cart, only. (Must be enabled to view)

Use Border Around Cart Count – Use this checkbox to see if your cart is easier to read by placing a colored border around the item counter.

Border Color – Selects your desired border color around the cart item counter.

Menu, Search and Cart Icon Color in Mobile View – This affects all 3 areas listed on Mobile. Use this to change the color quickly, and easily.

Footer Cart Icon Color – Changes the footer cart icon color.

Footer Cart Icon Background – Changes the footer cart icon background color.

Body Background – Changes the background color of your entire site.

Body Text – Changes the text size of the footer cart icon.

Primary Color – Changes the color for all text links and primary buttons.

Secondary Color – Changes the color for all secondary buttons.

Click “Save” so all your hard work isn’t lost. Your base website is complete!

Header Strip

The header strip houses all your important information – announcements, account login and the shopping cart. It’s the first thing customers see.

Background – Changes the color of the strip background.

Font Color – Changes the color of the strip’s font.

Link Background – Places a background color behind text links in the strip.

Link Font Color – Changes the color of links.

Link Hover Font Color – Changes the color of links when hovering your mouse.

Bottom Border Color – Changes the border underneath the strip.

Other Details Text Color – Changes other text details.

Font Size – Changes the header font size.

Top Bar Settings

Enable – Allows you to enable or disable the top bar.

Navigation Menu – Use the strip as a secondary menu or if you’d like your menu higher up on your site.

Show Top Nav in Mobile Menu – Shows or hides the top nav on the mobile menu.

Text – Allows you to add any text you wish to the strip. Best used for marketing messages.

Show Free Shipping Achieved – If you have a free shipping threshold set up, you can activate an achievement message to display when they’ve met the spend amount.

Link to URL – Allows you to link to the desired URL within the strip.

Display User Country – Geolocation feature that automatically displays the user’s country.

Use Custom Icon for Cart – Allows you to use custom icons for the cart image.

Enable Border Bottom – Enable or disable the border right underneath the header strip.

Facebook Page Plugin – Connect with your audience and grow your business socially. Just enter your URL.

Time to click “Save” and continue on.

Header Logo and Favicon

Here, you will be able to change the stock Shoptimized branding for your own logos and favicon images.

Use Custom Logo – Allows you to use your own logos and images. Recommended to change.

Custom Logo – Select the logo image you wish to use in your store.

Max Logo Width – Allows you to set the width of your logo. We suggest no greater than 245 pixels wide.

Mobile Logo – Select your mobile-optimized logo for use here. We suggest the following dimensions: 600 pixels wide and 180 pixels high.

Favicon – A favicon is a small 16×16 pixel version of your icon. It’s how a browser displays your logo in the top left corner of a browser. If someone saves your website on their phone, it will also show your logo, so it’s important! Don’t leave this out.

Header

The header is the main menu area, containing the logo, search and promotional banner.

Look and Feel

Background Color – Changes the background color for the header area.

Menu Background Color – Changes the color for the menu background.

Menu Font Color – Changes the font color for the menu text.

Show Hover Highlight Bar – Displays your primary color above text when hovering over menu links.

Link Font Size – Allows you to change the font size for links.

Social Sharing URL Preview Image – If you have a particular image you want to be seen on social media, upload it here.

General Settings

Use Full Sticky Header – Set your header to be fully sticky, so it follows visitors down the page.

Use Minimal Sticky Header – Set your header to minimal sticky, for a concise header that follows visitors.

Use Sticky Header In Mobile – Enable or disable sticky header on mobile.

Disable Sticky Header in Mobile and Desktop Both – Completely disables the sticky feature from both desktop and mobile.

Main Menu

First Main Menu – Select the menu you’d like to use for the first main menu. Not recommended if using a megamenu.

Last Main Menu – Select the menu you’d like to use for the last main menu. Recommended if using a megamenu.

Promotional Banner – This area allows you to use an image and link visitors off site or simply just a small promo image.

Search

Customize your search menu to act as a call to action involving your slogan. “Discover Higher Conversions…” for example. “Find Your Style…” “Comfortable Jeans Here…”

Phone/Data Bar Settings

Standard – Couldn’t see a difference between these options.

Hybrid

Menu

Header Contact Details

Display Contact Details – Toggles contact details on or off.

Use Custom Phone Icon – You can choose a custom icon to use if this is ticked.

Phone/Email Icon – Choose a custom icon to replace the stock icon.

Phone Number Prompt Text – Write your CTA text here. Ex: “Questions or Concerns? Call Anytime!”

Font Size – Choose the best font size for your store.

Font Style – Choose between light, normal, bold, and bolder text.

Header Phone Number/Email Address – Type your business phone number here or use your company email address.

Font Color – Changes the font color of the details area.

Font Size – Changes the font size of the details area.

Font Style – Choose between light, normal, bold, and bolder text of the details area.

Opening Hours – Provide your opening and closing hours here. Ex: 9am-5pm

Font Color – Changes the font color of your opening hours.

Font Size – Changes the font size of your opening hours.

Font Style – Choose between light, normal, bold, and bolder text of your opening hours.

Mobile Header

Enable Top Bar – Enable or disable the mobile header area.

Top Bar Font Color – Change the mobile top bar font color.

Top Bar Background Color – Change the mobile top bar background color.

Top Bar Bottom Border Color – Change the mobile top bar border color.

Mobile Header Background Color – Change the color of the mobile header background (logo area).

Top Bar Text – Enter your top bar text here. Best use for promotional needs. Ex: “FREE SHIPPING when you spend $xx.”

Display User Country – Display a small flag that automatically shows your visitor’s location.

Search Icon Color – Changes the color of the search icon when expanded.

Header Sticky Bar

The header sticky bar sits underneath the navigation section of Shoptimized. You can use this for various marketing messages or remove it.

Look and Feel

Background – Changes the background color of the sticky bar.

Font Color – Changes the font color of the sticky bar.

Font – Changes the font for the sticky bar.

Font Size – Changes the font size for text within the sticky bar.

Font Style – Change the appearance of sticky bar text. Light, normal, bold, and bolder.

Sticky Bar Settings

Enable – Toggles sticky bar on or off.

Enable on Mobile – Toggles sticky bar on or off on mobile.

Type – Site Wide or Product tag. Choose how the sticky bar will display. You can use a product tag to make the sticky header display for specific products and messages.

Enable Timer – Toggles timer on or off. Recommended using for scarcity.

Text – Sticky bar text.

Free Shipping Achieved Text – Let your customers and visitors know they’ve achieved free shipping here.

Countdown Cut-off – Use a value of 1-24 to display a timer that ticks down to 0. (Time is in hours)

Countdown resets every (hours) – When the timer reaches zero it will reset by the amount of time you specify.

Mega Menu Settings

The Mega Menu is meant to give you as many options as you need to host thousands of products and categories in your store. Chances are you’re already familiar with Mega Menus thanks to Amazon and Wal-Mart.

These leading forces in e-commerce are the reason Mega Menus even exist and the conversion rates don’t lie. Mega Menus keep everything tidy, in one place, giving your customers a glance at your entire store in one click.

Use Megamenu – Toggles the Mega Menu on and off.

Use Default Collection Link

Display Title and Price Of Product in Default Collection

Look And Feel

Background Color – Changes the background color of the Mega Menu itself.

List Title Font Color – Changes the lit title font color.

List Title Font Size – Adjusts the title font size.

List Title Font Style – Change the list font style. Lighter, Normal, Bold, and Bolder.

Link Color – Changes the collection link color.

Link Hover Color – Changes the collection link hover color.

Link Font Size – Changes the collection link font size.

Custom Link Color – Changes the custom link color at the bottom of the Mega Menu.

Custom Link Hover Color – Changes the custom link color at the bottom of the Mega Menu.

Custom Link Font Size – Changes the custom link font size at the bottom of the Mega Menu.

Custom Link Font Style – Change the custom link font style. Lighter, Normal, Bold, and Bolder.

Megamenu Spacing – Adjusts spacing between Mega Menu categories.

Custom Links – Custom links allow you to link to resources within your site or outside. They are optional and provided for your convenience. Tick or untick to enable or disable them.

Mega Menu Setup

Setting up your mega menu is as easy as 1, 2, 3! We have provided 8 different Mega Menus for you, all of which are optional. If you do not need 8 mega menus, we advise you to disable them. Use what makes sense for your store. Don’t worry, it looks scary, but it’s actually very simple!

Menu Text – Here is where you put your menu title. This affects the Menu label itself. You will see “Mega Menu Demo” change yours to fit your store. Ex: “Store Menu”.

Submenus – Submenus are the collections you link to. Just click “Select Menu” and choose the collection you wish to link to. Rename your submenu to reflect that collection. Ex: “Home Décor”.

Mega Menu Icon – You’re free to change icons to your own custom icons if you wish. Icons must be 75×75 pixels or less.

See? The Mega Menus are much friendlier than you thought! Hit “Save” so you don’t lose your changes.

Product Badges & Layout Section

We’ve included product badges and simple layout options to help you display on sale items, free shipping and much more. You can also use custom badges, but be sure they’re transparent PNGs, similar to icons.

The use of product badges requires specific tags on the item in the tag section to see the badges on your products.

Sale Button Style Option

Sale Button Style Option – Allows you to select 5 different styles of sale badges or none. This is applied on a PER PRODUCT BASIS, it will not add badges site-wide.

Product Layout Option

Product Layout Option – Allows you to determine where on the product the badge is displayed. Options 1-5. Top, Bottom, Left, Right. This is applied on a PER PRODUCT BASIS, it will not change location site-wide.

Make sure to click “Save” to save your changes.

Tag List

The following tags enable the different styles of badge on a per product basis:

badge-freeshipping
badge-bestseller
badge-new
badge-onsale
badge-performance
badge-savenow
badge-toprated
badge-preorder
badge-instock
badge-custom1
badge-custom2

To position the badges the following tags can also be applied to products:

badgestyle-topright
badgestyle-topleft
badgestyle-middleleft
badgestyle-middleright
badgestyle-center
badgestyle-bottomright
badgestyle-bottomleft

As an example:

Once more, be sure to click “Save” to activate the changes.

That’s all there is to the tags and badges section!

Social Proof Popup

The social proof is arguably the most important factor in e-commerce. The reason for this is that if others see peers buying your products, they’re more likely to buy, themselves. Social Proof Pop-up applies this in the form of a slide-out pop-up on the bottom left corner of the screen.

Social Proof Pop-up Settings

Enable Pop-up – Toggles Social Proof on or off.

Disable Pop-up on mobile – Toggles Social Proof on or off on mobile devices. We recommend testing, however many users disable this function for faster load times on mobile, specifically.

Collection – Selects the collection the Social Proof Popup will be applied to.

Display Message – Displays a message informing visitors that a purchase has been made. Ex: “Bought the”, “just bought”, or any other creative message.

Popup Frequency (In Seconds) – Specifies the time-frequency Social Proof will popup to visitors. The default is 15s.

Upsell Popup

Have you ever heard “Would you like fries with that?” next thing you know you’ve spent $7.62 when all you wanted was a burger. That’s an upsell. You’re doing the same thing to your customers with the Upsell Popup.

When a customer buys a product from you, they will get the Billy Mays treatment: “but wait, there’s more!” as a popup appears on screen to show them your deal.

Your upsell can be as simple as slightly discounting another product like BOGO ½ off. It could even be a different product that’s more costly.

Upsell Popup Setup

Enable Upsell Popup – Toggles the upsell popup on or off.

Special Offer Icon – You may upload your own icon, but it must be a square image to function properly.

Select Free Product – Select the product you wish to upsell to customers.

Headline Text – Enter your upsell headline here. Ex: “WAIT! Buy 2 More and Get Third item ½ off!”

Yes Button Text – Enter your yes button text. This is the text that will display urging customers to take the deal. Ex: “YES, I WANT A THIRD FOR ½ OFF!”

No Button Text – Enter your no button text. This is the text that denies the offer. Ex: “No, I’m not interested in savings.”

Qualifying Quantity – Specify how many items a customer need to buy to get the upsell deal. 2, 3, 4, etc.

Product Pages

Your product pages are the core of your website. It’s where your customers will spend most of their time browsing, to see what you have to offer them. You also have full control over the look of your product pages separate from the Homepage and other areas.

Look And Feel

Product Title Color – Changes the color of the product title.

Product Title Font Size – Changes the size of the product title.

Product Title Font Style – Changes the style of the product title. Lighter, Normal, Bold, and Bolder.

Product Price Color – Changes the color of the product price.

Product Compare At Price Color – Changes the color of the “compare at” price.

Product Price Font Size – Changes the font size of the product price.

Product Price Font Style – Changes the style of the product title. Lighter, Normal, Bold, and Bolder.

Scarcity Bar Settings

Enable Product Scarcity Bar – Toggles the scarcity bar on or off.

Product Scarcity Bar Style – Changes the style of the product scarcity bar. Lighter, Normathe l, Bold, and Bolder.

Count Real Quantity – Tick this if you want to display the true quantity of an item.

Display Total Quantity – Toggles the display of total quantity of a given product.

Enable Scarcity Bar Text – Toggles the scarcity bar text on or off.

Scarcity Bar Text – Allows you to put a small CTA to encourage action. Ex: “Stock is running out:”

Quantity Remaining

Show Scarcity Bar In Collection Page And Product Slider – Toggles the scarcity bar to display on collection pages, and product slider, underneath the product.

Progress Bar Text Color – Changes the color of the progress bar.

Progress Bar Text Font Size – Changes the font size of the progress bar.

Progress Bar Text Font Style – Changes the text style of the progress bar. Lighter, Normal, Bold, and Bolder.

Scarcity Bar Background Color – Changes the background color of the scarcity bar.

Scarcity Bar Fill Background Color – Changes the fill color of the scarcity bar.

75 Percent Or More Fill Background Color – Changes the fill color of the scarcity bar.

Quantity Font Color – Changes the font color of the quantity counter.

Quantity Font Size – Changes the font size of the quantity counter.

Quantity Font Style – Changes the text style of the quantity counter. Lighter, Normal, Bold, and Bolder.

Price Text Settings

Enable Your Price Text – Inserts “Your Price” above your product price. A personalization feature.

Zoom Settings

Enable Inner Zoom – Enables the inner zoom mode for product photos.

Enable Lightbox Zoom – Enables lightbox zooming, which places a transparent background behind the product photo to focus.

Zoom Mode – Choose the zoom type you want. Inner, left, right, top, and bottom. Inner is recommended. The other settings will change how the zoom itself works.

Zoom Setting (Hover or On Click) – Choose how your product photo zoom will work. Hover or Click to Zoom. Hover is recommended, they can click to zoom regardless.

Display SKU

Enable SKU – Enables or disables display of your product’s SKU (Stock Keeping Unit). This is typically an internal need, however if you’re reselling a known product, enabling SKU can potentially help with SEO.

Back In Stock Request Form

Enable – the Back in Stock Request Form allows your customers to sign up and receive an email when they product they want is back in stock. This is great to help build your email list and see what customers want the most.

Sticky ATC Bar

Enable Sticky ATC bar – Enables display of the sticky ATC bar.

Disable Sticky ATC bar in Mobile – Enable or disable display of the ATC bar on mobile.

Size Chart

The size chart allows you to display sizing needs for your products.

[I do not have a size chart, so I’m leaving this one to you guys]

Size Chart Link Color – Changes the link color of the size chart.

Size Chart Link Font Size – Changes the font size of the size chart link.

Size Chart Link Font Style – Changes the font style of the size chart link. Lighter, Normal, Bold, and Bolder.

Progress Bar Height – Unsure of this one’s function.

Add To Cart Button

Cart Style On ATC – Select how the cart will act when a customer adds a product.

Dropdown Confirmation – Displays “Item added to cart” within the button.

Slide Out Cart – Slides out a vertical cart on the left side of the device.

Skip Cart and Go Directly to Checkout – Skips the cart process and sends them to purchase page.

Redirect to Cart Page – Redirects customers to cart on add.

Popup Modal – When an item is added a popup window is displayed.

Trigger Cross-Sell Popup – When an item is added and you have a product tagged, it will trigger the associated cross-sell.

Full Width – Expands the ATC button full width on a user’s device. (Stretches across the screen)

Enable Animated ATC Button – Toggles ATC animation on or off.

Enable Checkout Icon – Toggles display of your checkout icon, should you choose to upload one.

Add To Cart Icon – Allows you to change the icon on the ATC button. Stock is a “+”.

Background Color – Changes the color of your ATC button.

Font Color – Changes the font color of your ATC button.

Hover Background Color – Changes the hover color for your ATC button.

Hover Font Color – Changes the font color of the hover gesture.

Font Size – Changes the font size of the ATC icon.

Font Style – Changes the font style of the ATC button. Light, Normal, Bold, and Bolder.

Add To Cart Text – Allows you to change the ATC button text. Ex: “Buy Now.”

Free Shipping Add To Cart Text – Displays on any product with the ‘free-shipping’ tag.

Adding To Cart Text – Allows you to change the “adding to cart…” text.

Added To Cart Text – Allows you to change the “added to cart” text. Ex: “Your items have been added.”

Visitor Counter

Enable – Toggles visitor counter on or off.

Visitor Counter After text – Change the visitor counter text. Ex: “Browsing this product”, “Ready to purchase.”

Minimum Visitors – Change the minimum amount of visitors displayed. Ex: 10

Maximum Visitors – Change the maximum amount of visitors displayed. Ex: 47

General Settings

Enable image zoom – Toggles image zoom on or off. If this is unchecked, images will not zoom in.

Show quantity selector – Toggle order quantity selector on or off.

Show saved amount – Shows how much a customer has saved if using discount pricing methods. Ex: “Saved 35%”

Show compare at price – Shows the compared at price. This is typically higher than your selling price. Ex:
$97
Your Price:
$74.99

Show related products – Shows customers related products. Only visible within a collection.

Benefit Bullets – Replaces standard bullets with a checkmark. Recommended.

Enable Checklist

[I’ll leave variant swatches to you for demonstration too as I am not familiar with them]

Use Variant Swatches – Enables the use of variant color swatches. These are the colored squares you typically see for products like shirts, jewelry, and other custom items.

Use Video Embedding – Enabling this option allows you to embed videos from YouTube, Viemo, etc to your product page. Just paste your video embed code into your product description.

Use Option Selection Error Text – Enables the display of an error message if an option is incorrect.

how Product Thumbnail Images Slider – Enables use of the thumbnail slider underneath your main product image.

Enable Product Personalisation /Personalization – Enables product personalization for POD items and engraving needs.

Recently Viewed Products

Enable – Displays recently viewed products for a single customer. All customers see what they’ve previously viewed. May increase page load time.

Heading – Changes your viewed products heading. Ex: “Products You’re Interested In”

Number of products – Limits the number of viewed products, which assists in load times.

Sizing Chart

Display Sizing Chart – Create a static page at ‘[Your Store URL]/admin/pages/new’.

Sizing Chart Page – Select the sizing page you created.

Product Description

Benefit Bullets Color – If you decide to place your benefit bullets within your product description as opposed to the tag method, use this to pick the color of your bullets.

Social Media Sharing

[I feel this one is very self-explanatory, especially with all previous GIFs/images]

Enable product sharing – Toggles social product sharing on or off. We recommend enabling.

Show shared count – Displays the number of times a product has been shared. Only available for Facebook, Twitter, and Pinterest.

Button style – Choose the style of your social icons. Normal, Large, and Clean.

Promotion Bar

[This was covered in a previous setup section, I believe, could possibly reuse that image/gif]

Enable – Toggle the promotional bar on or off.

Promotion Text – Allows you to change the promotional text. (Use the code ‘$x’ to insert the dynamic free shipping threshold number) Ex: “Free Shipping For Over $49 to”

Show Free Shipping Achieved Text When Threshold Is Met – Informs a customer when they’ve met your free shipping threshold.

Display User Country – Displays the user’s country.

Total Sold Flash

Enable – Toggles Total Sold Flash on and off.

Icon – Use the flame or choose your own icon. Must be less than or equal to 60 pixels wide and 60 pixels high.

Text Color – Changes the text color of the Total Sold Flash.

Font Size – Changes the font size of the Total Sold Flash.

Text Font Style – Change the font style for the Total Sold Flash.

Min Quantity – Minimum quantity sold.

Max Quantity – Maximum quantity sold.

Min Time – Shortest length of time you want to display.

Max Time – Longest length of time you want to display.

Multi-Buy Prompt

Enable – To Display On Any Product, Apply The Tag ‘multi-buy-prompt’.

Icon – Choose your own icon, it must be less than or equal to 60 pixels wide and 60 pixels high.

Icon Animate – Toggle icon animation on or off.

Text Color – Change the color of the prompt text.

Font Size – Change the size of the prompt text.

Text Font Style – Change the style of the prompt text.

Min Percentage – Set the minimum percentage of customers who buy multiple of a product.

Max Percentage – Set the maximum percentage of customers who buy multiple of a product.

Text – Change this language to fit your store. Ex: “84% of customers buy 2 or more!”

This section is a huge task, please make sure to click “Save” with each section change!

Product Page Countdown Timer

The countdown timer is a source of providing scarcity. When people see that they have limited time to purchase an item, or that it might run out, they may quickly decide to buy so they don’t miss on your offer. Remember that much of e-commerce is psychology, that psychology is what Shoptimized was built around.


Enabling the Countdown Timer – Simply copy and paste display-countdown into your tags section for a single product or multiple. This will activate timer 3.

If using countdown timers 1 or 2, you will need to specify the time for the countdown.

The tag for that is expire-x where x = the time. Ex: expire-24, means the countdown will reset in 24 hours.

Please remember to save your work or you’ll lose your changes.

Product Page Tabs

Product Page Tabs give your customers more information up front, without the need to search your website for all their answers. Under every single item, you’ll have the most important questions a consumer has on their mind: When is it coming? When will it get here? Can I trust you? As well as a slew of other information. Use them wisely and your conversions will skyrocket!

Look And Feel

Background – Changes the background color of the tabs.

Border Color – Changes the border color surrounding the tabs.

Selected Tab Border Color – Changes the color of the currently viewed tab.

Title Font Color – Changes the font color of the tab titles.

Title Font Font Size – Changes the font size of the tab titles.

Title Font Font Style – Changes the style of the tab title fonts. Lighter, Normal, Bold, and Bolder.

General

Enable Tabs – Enable or disable product tabs.

Enable Description Tab – Enable or disable the description tab.

Description Tab Heading – Change the description tab heading. Ex: “About this product:”

Select Default Tab – Select your default tab title. The tab you select here will display your selected tab first.

Shipping Tab Settings

Enable – Toggles the shipping bar on or off.

Header Text – Changes the header text of the shipping tab.

Show Country Flag – Enable or disable displaying of country flags based on geolocation.

Shipping Text – Enter your shipping text here. Ex: “This item ships worldwide.”

Show Product Delivery – Shows the estimated delivery date to customers.

Delivery Text – Change the delivery text.

Delivery Text 1 – Change secondary delivery text. Ex: “Your product will arrive in…”

Delivery Start Date – The minimum amount of days to deliver. Ex: 3 = 3 Days.

Delivery End Date – The maximum amount of days to deliver. Ex: 14 = 14 Days.

Delivery Cut Off – Specifies the cut off time for your shipping practices. Typically in line with your business hours.

Delivery Exclude Days – Exclude days your parcel service doesn’t deliver. Usually Saturday and Sunday.

Delivery Information Text – Lets you inform customers when their items will ship. Ex: “Ships in 1 business day.”

Review App Tab

Use Loox Review App – Enables use of the Loox Review app.

Use Shopify Review App – Enables use of the official Shopify Review app. Only one can be enabled at a time. We’ve gone ahead and embedded the code for you, so you don’t have to.

Enable Review Tab – Only displays when Custom Tabs are not enabled & will only work If Shopify or Loox are installed.

Review Tab Heading – Change the label of your review tab. Ex: “Testimonials.”

Enable Review Star On Product Page – Toggle display of review stars on product pages on or off.

Enable Review Star On Collection Page – Toggle display of review stars on collection pages on or off.

Why Buy From Us

E-commerce is largely about trust at the core. The “Why Buy From Us” section helps establish that trust through the customer service-related badges we’ve put up. They are also within the tabs as well. This is because you’re able to expand on the text for each badge to help further convince visitors.

Settings

Display Top Reasons On Product Pages – Toggle display of badges on or off.

Top Reasons Position On Product Pages – Determines the position of badges. Left or Right.

Display Top Reasons On Cart Page – Toggles display of badges on or off on cart page.

Display Top Reasons Counter – Displays a number next to reasons display.

Display Top Reasons Text – Will display reason text underneath the badge icons.

Reason 1-7 – Enable or disable the badges as you see fit. You can also replace the stock images with your own. Recommended size is 285×285 pixels, transparent PNG.

Collections

Collection pages display all of the products within a collection. It gives visitors a glance of all the products you may be carrying. If you enable certain settings, you can give a greater glance, showing review ratings and product availability.

Enable Collection Title – Displays the collection title on or off.

Resize image – If your images aren’t all the same size, Enable for more uniform appearance.

Product Settings

Product Title Font Size – Changes the font size of listed products.

Product Title Font Style – Changes the font style of listed products. Lighter, Normal, Bold and Bolder.

Product Title Font Colo r- Changes the color of the product titles within the collection.

Product Price Font Size – Changes the font size of the product price.

Product Price Font Style – Changes the font style of the product price. Lighter, Normal, Bold and Bolder.

Save Bar Background Color – ???

Save Bar Font Color – ???

Show Breadcrumbs – Toggles breadcrumbs on or off.

Enable Filtering by Product Tag – Toggles the product tag filter on or off.

Enable Collection Sorting – Toggles collection sorting on or off.

Enable Sidebar Filters – Enabling sidebar filters allows for more detailed product selection than sorting or tag filtering.

Products per row – Sets the maximum amount of products per row.

Products Per Row on Mobile – Sets the maximum amount of products per row on Mobile.

Product Image Height (in pixels) – Specifies the height of product images within collections.

Enable Quick View – Enables a quick buy button that gives basic product details. May increase page load time.

Product Second Image Display – Displays the second image within a product page when hovering over a product in a collection.

Product Second Image Slide Effect – Check this to create a slide effect when hovering over images in a collection. Image Fades in/out If Unchecked.

Display Product – Check it if you want to show collections products on collections listing page.

Products Per Page – Specifies the maximum amount of products shown per page.

Free Shipping Threshold

The Free Shipping Threshold sets the amount at which customers will receive free shipping from your store.

Domestic Country Code – Input your country code here. Ex: US for the United States. UK for the United Kingdom.

Domestic Free Shipping Threshold– Enter the purchase amount a customer must have before earning free shipping.

International Free Shipping Threshold – Enter the purchase amount an international customer must have before earning free shipping.

Free Shipping Text – Enter the text you want displayed to let visitors know how much they have left to earn free shipping. Ex: “Spend $5 more to earn free shipping on your order!”

Free Shipping Achieved Text – When customers carts exceed the threshold, your achievement text will display. Ex: “Congrats, you’ve earned free shipping!”

Cart Page

The cart page is where your customers land before they get to checkout and purchase. Shoptimized checkout pages contain a tried and true design that is proven to help boost conversions, create comfort and ease of use.

Title Background – Changes the color of the title background strip directly above the item list.

Title Font Color– Changes the font color of the cart list titles.

General Settings

Display Cart Page Logo – Displays your logo on the cart page

Make Checkout Buttons Sticky – Makes the checkout button sticky.

Bottom Sticky Cart – Toggles the bottom sticky cart on or off.

Code Above Checkout Button – Displays a sales code above the product price.

Percentage Discount – Specify the percent off the order customers will receive.

Help Page – Display a help page underneath the cart for any last minute questions and concerns.

Related Items – Displays related items or a collection you specify underneath the cart. A different method of cross/upselling.

Cart General

Enable Cart Notes – Toggle cart notes on or off. Allows customers to leave a note about their order.

Show Product Vendor – Shows the product vendor of items.

Cart Type – Choose the type of cart you want. Drawer or Page.

Cart Shipping Threshold Enable – A final reminder to save on shipping by meeting your threshold.

Shipping Calculator

Display – Displays the shipping calculator.

Heading Text – Insert heading text to display with the shipping calculator.

Default Country Selection – Type in your default country here.

Submit Button Label – Insert submit text here. Ex: “Calculate Shipping.”

Submit Button Label When Calculating – Insert calculation text. Ex: “Calculating…”

Cart Page Timer

Enable – Toggles the cart timer on or off.

Timer Title – Displays text above the timer. Ex: “Cart will expire in”.

Cart Timer– Sets the amount of time before the cart clear. NOTE: The visitor’s cart will clear all items out of the cart! Be careful with this feature.

Cart Timer Color – Pick the color of your cart timer. We recommend an alerting color.

Currency

This section allows you to set the currency settings for your store. To offer multiple currencies on your online store, you must first edit your store’s currency formatting.

Desktop Text Color – Changes the color of currency text for desktop devices.

Mobile Text Color – Changes the color of currency text for mobile devices.

Enable Currency Conversion – Toggles currency conversion on or off.

Show Currency Abbreviation – Shows currency abbreviation behind total.

Enable currency flag – Displays the flag for a visitor’s country via Geo-IP.

Format – With and without currency. Displays visitor’s country in the text. Ex: $10.00 CAD

Supported Currencies – Input the currencies you support in your shop.

Default Currency– Set your country’s default currency here.

Be sure you save so you don’t lose your work.

Thank You Page

Having a thank you page is proven to increase repeat conversions and happy customers, which is why we’ve included a post-purchase thank you page to let your customers know how much you appreciate their trust and business.

To redirect customers to a thank you page, first, create the page in your Shopify admin section, then select it from the Thank You Page menu as shown above. If you’d like to display a secret collection, you can do that too.

Make sure to hit save!

404 Error Page

The 404 error page is a standard web page, informing visitors they have reached a webpage that does not exist, encouraging them to take the next steps forward or simply press the back button. This is another customer service related page. You can change the language to fit yours or keep it as is.

NOTE: If no page is selected, a default “404 Page Custom Settings” will display.

Look And Feel

Heading – Changes the heading color of the 404 Error Page.

Heading Font Font Size – Changes the font size of the header.

Heading Font Font Style – Changes the style of the heading. Lighter, Normal, Bold, and Bolder.

Sub Heading – Changes the color of the sub-heading.

Sub Heading Font Font Size – Changes the font size of the sub-heading.

Sub Heading Font Font Style– Changes the style of the sub-heading. Lighter, Normal, Bold, and Bolder.

Text Color– Changes the text color of body text.

Step Counter Background – Changes the background color of the step counter circles.

Step Counter Text – Changes the text color of the numbers within the step counter.

Text Font Font Size – Changes the font size of body text.

Text Font Font Style – Changes the style of the body text. Lighter, Normal, Bold, and Bolder.

404 Title – Changes the title of the 404 Error Page. The default is: “Whoops! “We can’t find the page you requested. (Sorry)…”

404 Subtitle – Changes the subtitle of the 404 Error Page. The default is: “BUT don’t fret… Here are 4 tips for finding it…”

Search Form – Toggles search form on or off.

URL Help– Displays text after the step counter numbers providing suggestions on how to solve the 404 issue. You may use basic CSS in the boxes as well. Ex: <strong>, </strong> for bold.

Display Speak To Image – Displays a stock customer service image we’ve provided. You can use this or create and upload your own.

Display Collections – Displays a collection of your choice. This helps visitors get back to the main site and shows them what’s available.

Search Results Page

The Search Results Page is a secondary error page, populated by improper search terms or unavailable ones. You can change the language to fit yours or keep it as is.

NOTE: If no results are found, a default “No Results Found” message will display.

Look And Feel

Heading – Changes the heading color of the Search Page.

Heading Font Font Size – Changes the font size of the header.

Heading Font Font Style – Changes the style of the heading. Lighter, Normal, Bold, and Bolder.

Sub Heading– Changes the color of the sub-heading.

Sub Heading Font Font Size – Changes the font size of the sub-heading.

Sub Heading Font Font Style – Changes the style of the sub-heading. Lighter, Normal, Bold, and Bolder.

Text Color – Changes the text color of body text.

Step Counter Background – Changes the background color of the step counter circles.

Step Counter Text – Changes the text color of the numbers within the step counter.

Text Font Font Size – Changes the font size of body text.

Text Font Font Style – Changes the style of the body text. Lighter, Normal, Bold, and Bolder.

Search Title – Changes the title of the 404 Error Page. The default is: “Whoops! We can’t find the page you requested (sorry)…”

Search Subtitle – Changes the subtitle of the 404 Error Page. The default is: “BUT don’t fret… Here are 4 tips for finding it…”

Search Form – Toggles search form on or off.

URL Help – Displays text after the step counter numbers providing suggestions on how to solve the 404 issue. You may use basic CSS in the boxes as well. Ex: <strong>, </strong> for bold.

Display Speak To Image – Displays a stock customer service image we’ve provided. You can use this or create and upload your own.

Display Collections – Displays a collection of your choice. This helps visitors get back to the main site and shows them what’s available.

Contact Page

The contact page helps your customers reach you any way you accept, in a clean, forward and inviting page.

To use a contact page make sure to create a contact/contact us page in your Shopify admin.

Contact Title – Allows you to enter a special heading or a default title will show. Ex: “Have an issue? Contact us below.”

Contact Help Text – Text that displays underneath the title. The default is: “Our happily helpful [Insert Your niche] Experts are on hand if you need them, whichever way you contact us.”

Contact Availability – Enter the hours you’re available for support.

Contact Phone Number 1,2 & 3 – You can enter any contact numbers you have in these spaces.

Contact Email – Provide support email customers can reach you at. Ex: [email protected]

Physical Mailing Address Label – Enter your mailing address label here. Ex: “Snail Mail”

Physical Mailing Address – Enter your mailing address here.

Display Contact Form – Toggles contact form display on or off.

Display Live Chat – Toggles live chat display on or off. You will need a third party app to make this work.

URL For Live Chat – Enter the URL for your separate live chat service here.

Display Track Order Form – You can display an order tracking form here. Requires a third-party tracking application. Ex: Trackify.

Display FAQs Page Link – Displays a link to your FAQ page.

Link of FAQs Page to Display – Enter the link to your FAQ page here.

Marketing Integrations

This area of Shoptimized allows you to add marketing code to the theme. This section is very self-explanatory. Simply copy and paste the code you’re given by Hotjar, Google Adwords, Bing, etc, in these sections under the appropriate labels. There are also 4 extra spaces to utilize other tools.

NOTE: Using many scripts can cause a slow down on your website. Only use the scripts you know that you need!

Before Opening Tag – Places your code before the header tag. This is best used for light code like tracking pixels.

After Opening Tag – Places your code after the opening tag. This is best used for heavy code and javascript, as it’s the last area to load, therefore giving you a speedier loading time.

Don’t let your hard work go to waste, please save before moving on.

Collection Filters

Collection filters help your customers get granular with their searching. You can specify color, size, brand, material, or any filtering method applicable to your store.

Exit Popup

As customers leave your site, you want to give them a reason to stay or buy. Exit pops allow you to do this in the form of a discount or other offering. We’ve updated our Exit Popup from 4.14 to include evergreen timing, so customers understand there is scarcity to the offer.

Enable Pop-up – Toggles the exit popup on or off.

Heading – Change the heading of the exit popup. Ex: 20% Off!

Text – Change the text of the exit popup. Ex: “LIMITED TIME OFFER! ONLY AVAILABLE TO FIRST 50 CUSTOMERS.”

Discount Code – Enter your discount code here, but you will need to set this up in your Shopify admin.

Countdown Timer Date (in sec.) – A number of seconds until the offer expires. Ex: 15000 = 4 hours, 16 minutes. The default is 27000.

Top Coupon Code Bar

When customers activate or obtain a discount through a method within Shoptimized 5.0, a coupon code bar will appear showing visitors the code they’ve received to easily copy and paste for use.

Enable – Toggles Top Coupon Code Bar on or off.

Background Color – Changes the background color of the Coupon Bar.

Text Color– Changes the text color of the Coupon Bar.

Coupon Code Color – Changes the color of the Coupon Code itself.

Entry Popup Settings

A different type of popup that displays as soon as customers enter your site. Similar to the exit popup, you will need to incentivize the popup for an attractive offer.

Enable Pop-Up – Toggle the Entry Popup on or off.

Enable Logo in Pop-Up – Display your logo in the popup if you’d like. Choose your image.

Seconds until Pop-Up is displayed – Choose how long it will be until the Entry Popup shows. 0-120 seconds.

Days until Pop-Up is displayed again – Specify how many days until a visitor sees your Entry Popup again. Use Test Mode to configure your settings.

Maximum width – Specify the max width for the entry pop. The default is 600.

Heading – Insert your Entry Popup heading here. Ex: “Get 20% off”.

Text – Insert sub-heading here. Ex: “When you spend $149”

Countdown Timer Date (in sec.) – Specify the date until the offer resets.

Button Text – Write your button text here. Typically a CTA. Ex: “Give Me 20% Off!”

Bottom Text – Write your bottom text here and wrap up your offer. Ex: “By clicking the button, you’ll 1. Confirm your email address. 2. Stay up to date with our latest news and offerings.”

Mailchimp Form – Enable this if you use Mailchimp as your Email Service Provider.

Mailchimp Form URL – Copy and paste your Mailchimp Form URL here, so registrants go into your flow.

MarketHero, Contactflow and Klaviyo Form – Enable this if you use these Email Service Providers.

MarketHero, Contactflow and Klaviyo form HTML – Copy and paste your form from your ESP here, so registrants enter your flow.

Agree Text Color – Changes the color of the opt-in text near the checkbox.

PayPal Button

PayPal Button – Enable or disable use of PayPal payments.

Blog

As we’re sure you know, content is king. Utilizing your blog on Shopify is important for multiple reasons, so we’ve included blog customization to help spice up your posts and match the rest of your branding.

Articles Per Page – Choose how many articles (blog posts) you wish to display. 36 max.

Articles Per Row – Determines how many articles are listed per row. 4 max.

Blog Header Font Size – Changes the size of the header font.

Article Title Font Size – Changes the size of the article title.

Article Content Font Size – Changes the article content font size.

Read More Button Background Color – Changes the background color of the “read more” button to match your branding.

Read More Button Text Color – Changes the background color of the “read more” button to match your branding.

Read More Button Font Size – Changes the font size of the “read more” button for contrast.

Show Breadcrumb Linksb– Shows breadcrumb links at the top of your post.

Blog Button Color

[Either I’m not seeing the location of this or it’s not working or is meant to be the read more button]

Button Background Color

Button Background Hover Color

Button Text Color

Button Text Hover Color

Show Article Tags – Shows the article tags of your blog post underneath the post, near the footer.

Show Author – Shows the author of a particular post.

Show Date – Shows the date for your posts at the top right.

Show Comment Count – Displays the number of comments on your blog posts.

Sidebar

Enable Sidebar – Toggles the right sidebar on or off.

Show Search Form – Enables use of the sidebar search.

Show Newsletter Sign Up Form – Displays another way for visitors to join your email list.

Show Recent Articles – Displays recent articles you’ve posted.

Show Article Tags – Shows article tags in the sidebar.

Sidebar Content Page – Displays a content page of your choosing on the sidebar.

Comments

Enable DISQUS comments – If the default Shopify comments don’t suit your store’s appearance, we’ve now included DISQUS comments as an alternative. Just register and paste your short name in the box.

Deal of the Day

Is there an item you want to offer a special deal on? Use the Deal of the Day tag on your products to make it happen. You MUST use apply the code deal-yyyy-mm-dd to all products you want to be included on your Deal of the Day.

Enable – Toggles use of Deal of the Day on or off. If you’re NOT using this feature we recommend disabling for maximum performance.

Main Text – Enter your main Deal of the Day text here. The default is: “DEAL OF THE DAY”.

Product Page Main Text – Enter the main text that will display on the product page. The default is: “DEAL OF THE DAY ENDS IN”

Please save your work after making necessary changes.

Back to Top Arrow

Enable this to give your customers a zooming launch to the top of your website and give their thumbs a rest.

Opt-In Checkbox Settings

Due to CAN-SPAM and now GDPR, you need to make sure your customers give consent to receive marketing communications from your company.

Show Checkbox for Terms and Conditions – Toggles opt-in checkbox on or off. We recommend enabling.

Newsletter Checkbox Text– Enter your opt-in statement here. Ex: I agree to subscribe to updates from Shoptimized.

Newsletter Checkbox Link Text – Enter the text for the link you’ll be displaying. Ex: Terms of Service.

Newsletter Checkbox Text Link – Enter the path to your checkbox link. Ex: /pages/terms

Newsletter Checkbox Warning Pop-up text – If a visitor forgets to tick and agree to your terms, a warning will display. Ex: You must agree with the terms and conditions to Submit!

Please save your changes now.

Checkout Page

Checkout is the last step for a customer to purchase an item from you, how you customize your checkout can lead to higher conversions, establish one last run of trust to keep customers from abandoning their cart and secure the order.

Background Image – Select a background image to use on your checkout. 1000 x 400px recommended.

Logo

Use Storefront Logo – Use your storefront logo during the checkout process or a custom image selected from thousands of stock images.

Position – Determines the display position of your logo. Left, Center, and Right.

Logo Size – Changes the scale of your logo. Small, Medium, and Large.

Main Content Area

Background Image – Set a background image of your choosing to display behind the checkout information. Image repeats vertically and horizontally

Background Color – Changes the background color of the main checkout area.

Form Fields– Changes the color of the checkout form fields.

Order Summary

Background Image – Display a background image of your choice on the order summary screen.

Background Color – Choose the background color of the order summary screen.

Typography

Headings – Changes the font type of the headings.

Body – Changes the font type of the body content.

Colors

Accents – Changes the color of Links, Highlights, and Checkmarks.

Buttons – Changes the color of the Gift Card/Discount and Next Step Buttons.

Errors – Changes the color of various error messages and invalid fields to be filled correctly.

Checkout Settings

To customize more checkout settings, visit your Shopify admin.

It’s time to save your settings and congratulate yourself on a job well done! You have completed the setup of Shoptimized 5.0!

Make sure to show us how your store looks in the official Shoptimized Facebook Group!