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:

To make the most of your design and layout options in Droip, ensure you enable the following controls in the Droip WordPress dashboard:

Droip General Settings

Smooth Scroll

The Smooth Scroll feature enhances scrolling by adding a gradual transition effect. Users can toggle it on or off and adjust the smoothness level.

  1. Go to Droip WordPress Backend > Settings > General.
  2. Find Smooth Scroll.
  3. Use the toggle switch:
    • Enabled: The page scrolls with a smooth transition effect.
    • Disabled: The page scrolls instantly without any easing.

Adjusting Smoothness Level

When enabled, smoothness can be set between 1% (Instant) and 100% (Smoothest):

To adjust, enter a value between 1% and 100%. Changes apply instantly.

Image Optimization

Optimize uploaded images by converting JPG, PNG, and BMP files to WebP format for faster load times and improved performance.

Once enabled, uploaded images will be optimized without additional action.

SVG Upload

By enabling the SVG Upload option, you can effortlessly upload SVG files and incorporate them into your designs.

JSON Files

To leverage .json files in your projects, activate the JSON Files option. This allows uploading and management of .json files from your Media Manager.

Share View-Only Link

Share View-Only-Link in Droip

This feature allows you to generate a shareable, view-only link for the editor. It’s useful for sharing progress or drafts with clients without granting them editing access. 

Use the Share View-Only Link to get feedback without risking changes to your project.

How to Use:

  1. Navigate to Settings > Advanced in the Droip interface.
  2. Locate the Share View-Only Link section.
  3. Toggle the switch to enable this feature.
  4. Click Regenerate to create a new preview link.
  5. Use the Copy button to share the link with collaborators.

📝 Note: This feature is disabled for live production sites to maintain security and control over your project.

Export Data

Export Project in Droip

The Export Data feature enables you to save your current project setup, including pages, templates, styles, and other site information, for local backups or production deployment.

What’s Included in the Export:

How to Export:

  1. Navigate to Settings > Advanced.
  2. Click the Export button under the Export Data section.
  3. A progress modal will appear, showing the status of the export process.
  4. Once completed, click Download to save the exported file to your device.

💡 Tip: Exported data is ideal for migrating your content between environments, such as from a staging server to production.

Import Data

Import Project in Droip

The Import Data feature lets you restore or migrate content by uploading previously exported Droip data files.

How to Import:

  1. Navigate to Settings > Advanced.
  2. Click the Import button under the Import Data section.
  3. Select the exported file from your device.
  4. The system will process the import, restoring the content and settings.

📝 Note: Only data exported from Droip is supported for import. Ensure the exported file is from a compatible Droip version.

In this document, you’ll find a step-by-step guideline on installing Droip as well as activating its license.

Installing Droip

To install Droip, visit the Droip Website and create an account. Then from the Pricing Page, choose the plan best suited for you and make your purchase.

Once you’re done with the purchase, you will find it listed on your Subscriptions page. Click on the Download button beside your Droip package to get the plugin in the form of a zip file. Then to install it, do the following:

  1. Visit your WordPress Site’s Backend Dashboard.
  2. Then go to Plugins > Add New and click on the Upload Plugin button.
  3. Once on this page, click on the Choose File button and locate & select your plugin zip file.
  4. Finally, once the file is uploaded, click on Install Now.

After it’s successfully installed, Activate your plugin.

License Activation

Once you’ve installed and activated the Droip plugin, it’s time to activate its license. To do so, navigate to WP Backend Dashboard > Droip > License Key.

Here, enter the license key in the text field and click on the Activate button. To find your license key, login to your Droip account and navigate to Subscriptions where you’ll see it listed. You can also directly add your website and activate your license from this page too.

And you’re done! Now you’re all set to start designing a beautiful & interactive website using Droip Pro.

Also, if you’re facing any issues during the installation or while activating your license, contact us at [email protected].

How to Update Your Droip Version

To update your Droip Version, visit WordPress Dashboard > Plugins and locate Droip. If an update is available, it’ll be listed here. Click on the Update Now button to start updating.

A license key is a unique string of numbers and characters that verify authorized WordPress plugins and theme access. 

To use Droip and get all the benefits of the premium plugin in your future endeavors, you need to activate the license of the Droip plugin. Please note that license activation is required to:

  1. Future Updates, Security Patches, and Bug Fixes: Stay up-to-date with the latest features, enhancements, and security measures.
  2. Compatibility with the Latest WordPress Update: Ensure seamless integration and optimal performance with the newest WordPress versions.

After purchasing a plan and installing the Droip Pro plugin, you’ll be prompted to add and activate your license key within the Droip WP dashboard.

📝 Note: Activating your Droip License Key is crucial for receiving automatic updates.

Add license key in Droip

Access & Add Your License Key

To access your license key, follow these steps:

  1. Go to the Droip website and sign in using the email address used for the plan purchase.
  2. Navigate to Account > Subscriptions.
  3. Click on Add Website and input your domain name to generate a license.
  4. Copy the license key from the dashboard.
  5. In the WordPress admin dashboard, go to Droip > Settings > License and activate your license by pasting the copied key.

By activating your Droip License Key, you can benefit from regular updates and guarantee optimal performance.

For any further assistance or inquiries, feel free to contact our support team at [email protected].