The Homepage is the main entry point of your website, shaping the first impression for visitors. It should provide clear navigation, highlight key products or services, and reinforce your brand identity. With Creative Elements, you can design a dynamic layout featuring banners, product showcases, call-to-action sections, and promotional content to engage users and guide them through your store.

When designing a Homepage template using Creative Elements, you have a variety of elements at your disposal. You have the flexibility to use the Basic widgets, General widgets, Catalog widgets, Premium widgets, and Site widgets to enrich the design and functionality of your Homepage.
Creating a new Homepage template in Theme Builder
- From your PrestaShop admin, navigate to Creative Elements > Theme Builder.
- Click on the Add new button in the top right corner.
- Provide a title for easy identification (this will only be visible to you).
- Select the Homepage template type from the dropdown list.
- In the Status option, you can choose to enable or disable the template. Enabling it allows the content to be displayed in the Theme Settings. Disabling it prevents the template from being set on the frontend. However, you can use the Preview feature in the Live Editor to review it and you can also activate it later in the Templates List.
- Remember to Save your changes to ensure they are applied.

Creating a new Homepage template
- Now you can edit your template by clicking on Edit with Creative Elements.
- After completing the editing process, make sure to set the template in the Theme Settings to ensure its display on the frontend of your website.

Setting the Homepage template in Theme Settings