Store Design
Overview
Customizing your online store’s design allows you to create a unique and engaging shopping experience for your customers. HitPay offers several customization options to help you tailor your store’s appearance to match your brand and preferences. From adding your company logo to defining the layout and colors, these customization options empower you to make your online store truly yours.
The following customization options are available to HitPay online store users:
- Add a company/brand logo
- Customize Store Design
- Add a store cover image
- Define the cover image size
- Customise the online store buttons and background color
- Define the product layout
- Define the image layout
- Add Pages
Adding a Company/Brand Logo
To add your company or brand logo, follow these steps:
- Go to your HitPay Web Dashboard.
- Navigate to Settings > Business.
- Click the upload button to add your logo.
Customization Options
To further customize your Store’s appearance, you can navigate to the Store Design page by going to Online Store > Store Design in your Web Dashboard. The following customization options are accessible through the store design page:
Customizing Store Design
The Store Design page equips you with a lot of tools to modify the appearance of your online store.
Always remember to click Update when done to save your changes.
Changes are appplied to Desktop, Tablet and Mobile screen sizes.
Adding a Store Cover Image
You can enhance your store’s visual appeal by adding a cover image:
- Navigate to Theme Settings > Homepage.
- Click the upload button to add your cover image. You can upload multiple images that will be displayed in a rotating slideshow.
Defining Cover Image Size
Choosing the cover image size that suits your store’s design:
- Click Theme Settings > Homepage.
- Select the cover size you’d prefer: either large cover or medium cover size. Preview your cover image on the right side of the screen.
Defining Product Image Size
Optimize how your products are displayed on your online store:
- Click on Theme Settings > Homepage.
- Select ‘Large’ to display 3 product columns or ‘Medium’ to display 4 product columns.
Defining Product Image Shape
Choose the image layout that best showcases your products:
- Click on Theme Settings > Homepage.
- Select from options like Landscape, Square, or Portrait, depending on the visual characteristics of your products.
Adding a Menu Item
Enhance your online store’s user experience by creating a navigation menu that directs your customers exactly where they need to go.
- Click on Theme Settings > Navigation.
- Click on ‘Add Menu’ to create a new navigation menu.
- Choose to add an existing page or an external link to the menu.
- To rearrange the items in your navigation menu, simply drag and drop them into the desired order.
Customizing Your Footer: ‘Contact Us’ and ‘Follow Us’ Sections
Include a ‘Contact Us’ section with phone, WhatsApp, and Telegram links, as well as a ‘Follow Us’ section featuring email, other websites, and social network links.
- Click on Theme Settings > Footer.
- Find the ‘Contact Us’ section and enable it.
- Click on ‘Add More Contact’ and fill in your Phone number, WhatsApp number, or Telegram.
- Locate the “Follow Us” section and enable it.
- Click on ‘Add More Contact’ to input your email address, other websites (if any), and links to your social network profiles.
Customizing Font, Color and Card Appearance
Enhance your online store’s user experience by creating a navigation menu that directs your customers exactly where they need to go.
- Click on Theme Settings > Navigation.
- Click on ‘Add Menu’ to create a new navigation menu.
- Choose to add an existing page or an external link to the menu.
- To rearrange the items in your navigation menu, simply drag and drop them into the desired order.
Adding a ‘Link-in-Bio’
Link-in-bio is a feature that allows you to create a single page that acts as a hub for all of your important links. Instead of having to constantly update your bio links on social media or elsewhere, you can simply direct people to your link-in-bio page. From there, they can easily access all of the resources that you want to share with them.
- Click on Link-in-Bio.
- Click on ‘Icon Links > Add More’ to add links you would like to highlight as icons.
- Click on ‘Button Links > Add More’ to add links that you wish to showcase as buttons.
Adding Pages
Expand your online store’s content by adding additional pages:
- Click on Pages and then click on ‘Add New’ at the top right corner of the screen.
- Provide the page title, cover image and content. Click Publish when done.
Conclusion
Once you’re satisfied with the changes you’ve made to your store’s design, remember to click the Update button to apply them. You can then return to the HitPay Dashboard.
By customizing your online store’s design, you create a visually appealing and branded shopping environment that resonates with your customers and enhances their shopping journey.