Droip Templates

Droip provides a growing library of ready-made templates that help users quickly build professional websites without starting from scratch. These templates include pre-designed pages, symbols, and site settings to ensure a seamless design experience.

Accessing Templates

Accessing Droip Templates within the builder

To access the template library in Droip:

  1. Click on the Templates icon located on the left sidebar.
  2. The Templates Window will open, displaying all available templates.
  3. Browse through the categories or use the search bar to find a suitable template.

Importing a Template

Importing a Template in Droip
  1. Click on a template to view its details.
  2. Click the Import button to begin the import process.
  3. A Template Overview popup will appear, showing what the template includes, such as:
    • Site Settings (Styles, Variables, Assets, Fonts)
    • Symbols (Reusable elements)
    • Pages (Pre-designed layouts)
    • Content Manager (Dynamic content such as awards, works, and services)
  4. Click Proceed to confirm the import.

Successful Import

Successful Import of Template

Once the import is complete:

  1. A confirmation message will appear, indicating a successful import.
  2. The template elements (styles, pages, symbols, and content) will be integrated into your project.
  3. Click Done to start editing your newly imported template.

Editing Templates

You can edit everything in the template just like any other project. This includes changing text, modifying images, and altering design elements. 

  • Modify Styles: Use the Variables panel to modify global styles and fonts. 
  • Edit Pages: Navigate to the Pages panel to customize individual pages. 
  • Reuse Symbols: Access the Symbols section to update shared components across your site. 
  • Manage Content: Update dynamic elements through the Content Manager.

You can set, unset, or edit the site header and footer from the Symbols section. 

📝 Note: Any new page created in Droip after importing a template will inherit the set header and footer. While editing, you can double-click on the header or footer to make changes.

Was this article helpful?

More Resources

Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.