Customizing the website footer in Tripcart is a simple way to add important information like contact details, social media links, or a copyright message.
This guide will show you step-by-step how to edit and personalize your footer to match your website.
To access Footer Settings #
- Go to your Dashboard.
- Expand the Website Settings menu.
- Click on Website Builder to open the builder settings.
- Navigate to the Footer section.
Footer Sections #
The footer is divided into three sections: Top Footer, Mid Footer, and Bottom Footer. Each section has customizable content and style settings.
Top Footer: #
Content Tab #
- Show Image: Enable or disable an image using the toggle button.
- Select Image: Upload an image to display in the top footer.
Style Tab #
- Custom CSS: Add custom CSS to style the top footer.
Mid Footer: #
Content Tab #
- Show Logo: Enable or disable the logo using the toggle button.
- Footer Logo: Upload a logo to display in the mid-footer.
- Image Width: Adjust the width of the logo image.
- Short Description: Add a brief description of your website or brand.
- Contact Info: Add contact details. Click the “+” Add icon to include additional contact blocks.
- Navigation Menus: Assign menus to columns:
- Column Two Menu: Select a navigation menu.
- Column Three Menu: Select a navigation menu.
- Column Four Menu: Select a navigation menu.
- Column Five Menu: Select a navigation menu.
- Social Media Settings:
- Display Social Media: Enable or disable social media links using the toggle button.
- Label: Enter a label (e.g., “Follow Us”).
- Affiliated With:
- Label: Enter a label (e.g., “Affiliated With”).
- Brands: Add brand logos, names, and links. Use the “+” Add icon to include more blocks.
- Recommended On:
- Label: Enter a label (e.g., “Recommended On”).
- Brands: Add brand logos, names, and links. Use the “+” Add icon to include more blocks.
Style Tab #
- Background Color: Customize the background color.
- Text Color: Adjust the text color.
- Font Size: Set the font size for menus.
- Custom CSS: Add custom CSS for advanced styling.
Bottom Footer: #
Content Tab #
- Footer Copyright: Add a copyright message.
- Show Payment Gateways: Enable or disable payment gateway icons using the toggle button.
Style Tab #
- Background Color: Customize the background color.
- Text Color: Adjust the text color.
- Custom CSS: Add custom CSS for advanced styling.
📧 If you face any issues or have questions, please reach out to our support team or initiate the chat located on the right.