This page shows you how to customize the colors and design of your Shop Local Store.
To get to your Design Settings:
- Log in to your Shop Local account.
- Hover over Management in your admin navigation and click Design & Customization on the left-hand side.
Your Design Settings offer many options to customize the design of your Shop Local Store to match your store's branding and style. These options include:
- Your font
- Your colors
- Your Home Page and Header layout
- Header quick links
- Local Shops banner
- Header tagline
Please find more information about these settings and how to change them below.
FONTS
Your Shop Local account offers four options for font styles:
- FF Meta
- Laski Slab
- Pragmatica (our default font)
- Trajan
The font will be applied to the statistics in your header, the navigation header links, the header text on pages, and your business name (if no logo is added).
Your Design Settings will show you examples of how these fonts look so you can pick the font that most closely matches your store's style.
To change your font:
- Scroll down on the Design Settings page to the Your Font box.
- Click the drop-down and select the font you want.
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your font.
HOME PAGE LAYOUT
Your home page has two options for its display:
- Newsfeed (Recommended): Shows a chronological output of registry sign-ups, anniversary reminders, positive reviews, and news posts.
- Segmented: Shows a list of brands your store offers, up to 2 registry anniversaries, and up to 2 new products.
To change your layout:
- Scroll down on the Design Settings page to the Your Home Page Layout box.
- Click the radio button of your preferred layout.
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your layout. To view this layout, visit your home page by clicking "Home" in the navigation.
YOUR HEADER LAYOUT
Your header (located about your Shop Local site's navigation) has two options for its display:
- Fact Based (Recommended): Shows your business name or logo on the left, search in the middle, and statistics (number of products, etc) on the right.
- Traditional: Shows your business name or logo in the center, phone number on the left, and search on the right (does not show stats).
In the image below, you can see the different layouts side by side. On the left-hand side is the Fact Based layout (outlined in pink). On the right-hand side is the Traditional layout (outlined in blue).
To change your header layout:
- Scroll down on the Design Settings page to the Your Header (Top of Page) Layout box.
- Click the radio button of your preferred layout.
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your layout.
HEADER QUICK LINKS
You can add custom quick links in the header of your Shop Local Store. This is ideal if you offer additional services, such as creating custom stationery or offering cooking classes, and want site visitors to have the option to view those services.
To add custom quick links:
- Scroll down on the Design Settings page to the Header Quick Links box.
- Enter the text you want to appear in the link. For example, the text may read "Custom Stationery Store."
- Enter the URL for the respective page you want to take guests. For example, the URL for your custom stationery store may be: http://www.businessname.com/stationery
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your header quick links at the top of the page.
In the example below, you can see the header quick link entered on the left and how it is output in the header on the right.
DISPLAY LOCAL SHOPS BANNER
Your Shop Local Store can display a "Thank you for supporting local shops" banner at the top of various pages:
- Home page
- Registry home page
- Reviews home page
- News home page
To change where this banner appears:
- Scroll down on the Design Settings page to the Display Local Shops Banner box.
- Click the checkboxes for where you want the banner to be displayed.
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your changes.
Note: The banner will only be visible when you are in "Public Mode" or logged out of your Shop Local account completely.
COLORS
You have the option to change the colors of your Shop Local site in a variety of places to match the style of your store, including:
- Your Header Background (the color that appears at the top of your account in the header box, around the search, around the logo if added, etc.)
- Your Header Text and Link (the colors of your tagline, phone number, and statistics in the header)
- Horizontal Navigation Background (the color of your horizontal navigation menu bar, where you can click "Home," "Gift Registry," "Brands," etc)
- Horizontal Navigation Link Color (the color of the links appearing in the horizontal navigation menu)
- Site-wide Link Color (the color for any link outside of the horizontal navigation menu)
- Site-wide Link Color: Roll-over (the color that appears when you hover your cursor over the link)
To change the colors of your Shop Local account:
- Scroll down on the Design Settings page to the Your Colors box.
- Update the color of the setting you want to change. You have a few ways to do this:
- A. Enter the color code (Hex) associated with your business.
- B. Click on the colored box and use the color range and spectrum slider to find your color.
- C. Click on the colored box and enter the R, G, and B codes associated with your business.
- D. Click on the colored box and use the Eyedropper tool. This tool allows you to click a color from anywhere that's visible and pull the code associated with that color automatically (which is helpful if you're not sure what color code your business uses). Just click the Eyedropper icon and click on the desired color to automatically enter the code needed.
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your changes.
IMPORTANT NOTE: You will want to ensure your links are easily readable and have a high contrast. Why? Because your Shop Local account will want to be ADA-compliant. If your Shop Local site is not ADA-compliant, you will see a red accessibility icon appear in the administrative navigation at the top of your page. If your Shop Local site does not meet the ADA guidelines, we may update your site settings to help comply with this law (and help protect you from a lawsuit).
HEADER TAGLINE
You may want to add a tagline for your business that appears under your logo or your store's name (if no logo is added) in the header at the top of your site.
To add a header tagline:
- Scroll down on the Design Settings page to the Your Header box.
- Type in your store's tagline in the "Header Tagline" field.
- Click the green Save Your Changes button at the bottom of the page.
The page will refresh and apply your changes.
EXAMPLES OF MEMBERS WITH CUSTOMIZED SHOP LOCAL SITES
The Boutique Charleston, a retailer in South Carolina using the Shop Local Store & Gift Registry, has customized:
- Their font (Trajan)
- Their Home Page layout (Segmented)
- Their colors (Header Background, Horizontal Navigation Background, Link colors)
Visit their Shop Local site here: https://theboutique.myshoplocal.com/
Lawren*s, a retailer in Alabama using Shop Local Store & Gift Registry as their primary website, has customized:
- Their font (Trajan)
- Their Header Quick Links ("Virtual Tours of Store")
- Their colors (Header Background, Header Text and Link color, Horizontal Navigation Background color, Horizontal Navigation Link color)
Visit their Shop Local site here: https://www.lawrensgifts.com
The Finery, a retailer in Mississippi using the Shop Local Store & Gift Registry, has customized:
- Their font (FF Meta)
- Their colors (Horizontal Navigation Link color)
- Their Header Tagline ("a concept for the table, home, and bride" under their logo)
Visit their Shop Local site here: https://thefineryjackson.myshoplocal.com/