Getting Started

Whether you're a beginner looking for a quick setup or an experienced designer seeking complete creative freedom, Droip offers flexible ways to build your website. This guide will help you get started with Droip and walk you through the available options.

Getting Started with Droip

How to Start Building with Droip

Droip offers four flexible ways to create your website. Choose the one that fits your needs:

1. Using a Template Kit (Fastest)

Pre-designed template kits in Droip

Droip provides a growing library of ready-made templates that help users quickly build professional websites without starting from scratch. 
A Template Kit is a ready-made package with all the essential pages such as Home, About, Services, and Contact. It's the quickest way to get your site online with minimal customization.

How to Use a Template Kit:

  1. After installation, Go to Templates from the editor.
  2. Choose a template that fits your needs.
  3. Customize the text, colors, and images to suit your brand.
  4. Launch your site quickly!

2. Using Pre-Designed Pages

Pre-designed pages offer individual templates like landing pages, service pages, and more. You can mix and match pages to create a unique site.

How to Use Pre-Designed Pages:

  1. From the editor, go to Insert panel and select Pages.
  2. Browse through the collection and pick the pages you want.
  3. Customize the selected pages to match your brand.

3. Using Pre-Made Sections

Pre-made sections in Droip

Pre-made sections are pre-designed content blocks such as headers, about sections, testimonials, and more. Combine these sections to create a custom webpage.

How to Use Pre-Made Sections:

  1. From the editor, go to Insert panel and select Sections.
  2. Browse and select sections like Hero, About, Testimonials, etc.
  3. Drag and drop sections to build your page.
  4. Customize each section as needed.

4. Creating from Scratch (Most Flexible)

This option gives you complete creative control. You can either copy and paste from Figma or build your site using Droip’s drag-and-drop elements.

Method 1: Figma to Droip (Copy & Paste)

  1. Design your site in Figma.
  2. Copy your Figma design elements.
  3. Paste them into Droip using the Figma to Droip Copy & Paste feature.
  4. Make any necessary adjustments to match your branding.

Learn more about Figma to Droip.

Method 2: Using Built-In Elements

  1. From the editor, go to Insert panel and select Elements.
  2. Drag and drop elements like text, images, buttons, and more from Droip’s library.
  3. Customize the layout to create a completely unique design.

Support and Resources

If you need help, Droip offers a variety of support channels:

  • Documentation: Check out the full documentation for in-depth guides and tutorials.
  • Community Forum: Join the Facebook Community to ask questions and share your experiences.
  • Contact Support: Reach out to our support team directly for technical assistance.
  • Video Tutorials: Browse through our official YouTube channel to learn with step-by-step instructional videos.

Was this page helpful?

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.

Get started for free!

Get Droip demo

By submitting, you agree to receive our newsletter and updates.

Try live preview

Experience Droip in Action – Explore a live-built page and see the power of our builder in action.

Explore Live