How to add an existing component to a page to modify an existing page

ZenBasket is a platform that enables you to personalize the current theme of your website. You have the flexibility to create custom sections or incorporate existing sections from a wide range of templates available. This allows you to easily customize your website and tailor it to your specific needs.

  1. From the ZenBasket admin, choose the Design menu.

  2. Under the Start Modifying section, click on the Start Editing button.

  3. Choose the page to which you wish to make changes. You can change the components or even add new sections to the existing page.

  4. Now click on the Add Section icon on the left panel to add a new secti4on to the selected page.

  5. For each section, you’ll have a number of templates to choose from. Just click and drag the section to the page on the right.

  6. Once the section gets added to the homepage, you can make changes to the text or image by clicking on the edit icon on the right. You can also move this section upwards or downwards using the up and down arrows. Click on delete to delete the section. Click on the three dots for more options like duplicate and quick edit.

  7. You can also change the global settings by clicking on the global settings icon. You can change the navbar properties like Navbar color, Navbar Text Color, Background Color, Text Color, Cart Icon Color, Cart Badge Color, Icon Color, Background Color on Hover, Text Color on Hover, Navbar Category Type Settings and Attention Banner Settings.

  8. Click on the Footer settings icon to change the content of your footer.

  9. Once you have made all the changes, click on the Preview button to see how your changes would look on your website. You can save the changes by clicking on the Save button. Click on the Publish button to view the changes reflected on your website.

Templates

ZenBasket provides templates for the following Sections. Each section has a number of templates to choose from:

  1. About Us
  2. Awards
  3. Banner
  4. Contact Us
  5. Featured Categories
  6. Featured Products
  7. Gallery
  8. Home
  9. How We Work
  10. Location Details
  11. Menu Bar
  12. Team
  13. Testimonials

You can append these sections to any of the pages i.e., Home Page, About Us Page, or Contact Us page.

About Us

The About Us section is crucial for customers looking to learn who you are, what your beliefs are and what you stand for. There are around 34 templates for the ‘About Us’ section to choose from.

  1. Click and drag the section onto the page preview on the right. Click on the edit icon to change the Text settings and the Image settings. You can change the About Content in the text editor and format the text as per your choice. You can also change the title style (Bold, Italics, Underlined), color or font.

  2. Upload images of your choice in the Image settings.

Similarly, for other templates, you can change the text settings and the image settings in the pop-up that appears on clicking the edit icon.

Awards

  1. There are 2 templates available for Awards. Click and drag the template to your page preview on the right.

  2. Edit the Section Title Settings where you may edit the Title text, Fontfamily, Heading Style, Text Size and Color.

  3. Also Upload images and edit the text and description for each image under Work detail settings.

ZenBasket helps customize your banner details and format.

  1. There are many templates available for banners. You can edit the text settings like Heading, Heading style, Font, Size (adjust the slider), Color(use the color picker) and Banner text.

  2. To add an image to the banner, first select Image.

  3. Then choose the banner size type among two different options: Fill or cover.

  4. Similarly, you may choose any template according to your choice and make necessary changes that suit your business.

Contact Us

  1. Add the Contact Us forms template to the contact us page.

  2. In the General settings, use the toggle to display the background image.

  3. In the text settings, edit the title, font, color, size etc

  4. In the Contact Us Form Settings, check the box to display the terms and privacy.

  5. Enter the contact button text, and choose the button design, alignment, color and button background color.

  6. Upload the background image by uploading an image from your device.

  7. You may add any template and edit accordingly.

ZenBasket lets you highlight your special categories under a section called Featured Categories. This makes it easier for your customers to find your products easily.

You can edit the tile and the text settings like font, size and color. Similarly you can add templates for Featured Products too.

Showcase some of your impressive moments or people in the form of a photo gallery on the home page.

  1. Enter the Gallery Title and edit the text settings.

  2. Upload the background image and adjust its size.

  3. Now upload as many photos as you need by clicking on the + symbol.

How we work

  1. Enter the Heading and upload the images and captions.

  2. In the Button settings, enable the toggle to show the button. Enter the button label and Navigation URL(link to the page the button redirects you to on clicking).

Location Details

  1. In the General Settings, upload a background image.

  2. Check the box to add an overlay on the background image.

  3. Choose the background color for the location card.

  4. In the heading Settings, enter the heading text, color, font and size.

  5. Similarly, update the Location heading and location detail text settings.

ZenBasket lets you add menus on your home page for easy navigation.

  1. In the Bar settings, Choose the alignment i.e., Horizontal or Vertical.

  2. Choose the icon size i.e., small or Large.

  3. Check the box if you need a border for icons.

  4. Adjust the bar height and choose the font.

  5. Choose the background color and choose the text color.

  6. Now for each menu, enter the text, subtext, and URL the menu navigates you to.

  7. Finally, enter the icon_code and style.

Team

You can give details of various teams and the team members on your Home page using this template.

  1. In the Text settings, enable the toggle to display team members on your home page.

  2. Enter the Team Title.

  3. Choose the Text style, font, text size and color.

  4. In the Team Members Details Settings, upload the image of the team member, enter the name and description(role).

  5. Click on + symbol to add team members.

  6. In the Banner Settings, enter the banner captions, choose the text color and caption style. Upload the banner image.

Testimonials

Zenbasket lets you add your customers’ testimonials on your homepage. Before that make sure you have added the testimonials to your store.

  1. From the ZenBasket admin, go to the Testimonials main menu.

  2. Click on the Add Testimonial button. Enter the customer’s name, Designation and their feedback.

  3. Click on the Add image button to upload image of your customer from your device. You can also upload images from your ZenBasket gallery. Choose the Ratings(1 star - 5 star) from the drop down.

  4. Check the box to publish the changes. Finally click Save.

Note : Only if you add testimonials, it can be displayed on your home page.

  1. Enable the toggles to show the Testimonials and Header icon.

  2. Upload the background image from your device.

  3. Enter the Heading and Sub heading.

  4. Upload the banner image.

  5. In the Font Settings section, choose the font, font size and color for the heading, sub heading and the testimonial content.