Introduction
Building your first website can feel overwhelming. Between choosing platforms, learning code, and figuring out hosting, most people give up before they even get started. But here's the truth: it doesn't have to be hard.
Divi is a visual WordPress page builder that lets you design professional websites by dragging, dropping, and clicking — no coding required. With over 2 million active websites and 800+ pre-built layouts, it's one of the most beginner-friendly tools in the world.
In this guide, we'll walk you through every step of building a website with Divi, from purchasing your domain name to hitting the "go live" button. Whether you're building a site for your business, portfolio, or side project, you'll have a fully functioning website by the end.
We're not just writing theory here. Our team at Nicada Digital has built over 800 websites with Divi across two decades. We use it every single day, and we know exactly what beginners need to get up and running quickly.
Want to know more about what makes Divi special? Read our in-depth Divi theme review.
What you'll achieve by the end of this guide:
- A fully designed, multi-page website built with Divi
- Working navigation, contact forms, and SEO foundations
- A mobile-responsive site that looks great on every device
- The confidence to update and maintain your website going forward
What You'll Need Before You Start
Before diving into Divi, you need three things in place. Think of these as the foundation your website sits on:
1
Domain Name
Your website address (e.g. yourbusiness.com). Buy from Namecheap or GoDaddy for around £10–15/year.
2
Web Hosting
Where your website files live. We recommend SiteGround, Cloudways, or WP Engine.
3
WordPress
The free CMS that powers Divi. Most hosts offer one-click WordPress installation.
Once WordPress is installed and you can log in to your dashboard (yourdomain.com/wp-admin), you're ready to install Divi.
Quick Tip: Hosting Matters
Don't go with the cheapest hosting you can find. A decent host (SiteGround starts at £2.99/month) makes a huge difference to your site speed, security, and uptime. Your hosting is the foundation everything else sits on.
Step 1: Install Divi
First, you need a Divi licence. Head to the Elegant Themes website and choose your plan. Not sure which plan is right? Check our Divi pricing breakdown.
Installation Steps:
- Purchase Divi — Create an Elegant Themes account and download the Divi theme ZIP file from your member area.
- Upload to WordPress — In your WordPress dashboard, go to Appearance → Themes → Add New → Upload Theme. Select the Divi ZIP file and click Install Now.
- Activate the theme — Once uploaded, click Activate. Divi is now your active theme.
- Enter your API key — Go to Divi → Theme Options → Updates and enter your Elegant Themes username and API key. This enables automatic updates and access to pre-built layouts.
That's it — Divi is installed and ready to use.
Step 2: Choose a Starter Layout
One of Divi's biggest strengths is its library of 800+ professionally designed layouts. Instead of starting from a blank page, you pick a layout that matches your industry and customise it.
How to Import a Layout:
- Create a new page in WordPress (Pages → Add New).
- Click the purple "Use Divi Builder" button.
- Select "Choose a Premade Layout" from the three options.
- Browse the layout library by category — there are packs for restaurants, agencies, fitness, ecommerce, portfolios, and dozens more.
- Click the layout you like, then click "Use This Layout".
Pro tip: Don't overthink your layout choice. Pick one that's close to what you want — you'll customise every element in the next step.
Step 3: Customise Your Design
This is where Divi really shines. The Visual Builder lets you edit everything directly on the page — what you see is exactly what your visitors will see.
Key Customisation Tasks:
- Edit text: Click any text element and start typing. It's that simple.
- Change colours: Click a module, go to the Design tab, and adjust colours to match your brand.
- Swap images: Click any image module and upload your own photos or graphics.
- Adjust fonts: Divi gives you access to the entire Google Fonts library — hundreds of free fonts.
- Move sections: Drag and drop entire sections to rearrange your page layout.
- Add modules: Click the grey "+" icon to add new elements — buttons, contact forms, galleries, testimonials, and more.
Global colours and fonts: Set your brand colours and fonts globally in Divi → Theme Customiser. This ensures consistency across your entire site without having to change each element individually.
With Divi 5, you can also use Divi AI to generate content, suggest layouts, and even create images — making the design process even faster.
Step 4: Add Your Essential Pages
Every business website needs a core set of pages. Here's what to create and what to include on each:
| Page | What to Include |
|---|---|
| Homepage | Hero section, what you do, key benefits, testimonials, call to action |
| About | Your story, team, values, and what makes you different |
| Services | What you offer, pricing (if applicable), process overview |
| Contact | Contact form, phone number, email, address, Google Map |
| Privacy Policy | Required by law — use a generator or ask a solicitor |
For each page, repeat the process from Steps 2–3: choose a layout, then customise it with your own content and imagery.
Ready to Start Building?
Divi comes with 800+ layouts, a visual drag-and-drop builder, and a 30-day money-back guarantee.
Try Divi 5 Risk-Free →Step 5: Set Up Navigation
Your website's navigation is how visitors find their way around. With Divi 5, you have full control over your header, footer, and menus.
Creating Your Menu:
- Go to Appearance → Menus in WordPress.
- Create a new menu and name it "Main Menu".
- Add your pages (Homepage, About, Services, Contact) by ticking them and clicking "Add to Menu".
- Drag to reorder. Put your most important pages first.
- Set the display location to "Primary Menu" and save.
Header and Footer:
Divi 5's Theme Builder lets you design custom headers and footers visually. Go to Divi → Theme Builder, then edit the global header and footer templates. Add your logo, menu, social media icons, and contact details.
Tip: Keep your navigation simple. Five to seven main menu items is the sweet spot. Too many choices overwhelm visitors.
Step 6: Optimise for SEO
A beautiful website means nothing if nobody can find it. Search engine optimisation (SEO) helps your site appear in Google search results. Here's how to set up the basics:
Install Rank Math SEO:
- Go to Plugins → Add New and search for "Rank Math".
- Install and activate it. Follow the setup wizard.
- For each page, scroll to the Rank Math section and set a focus keyword, SEO title, and meta description.
SEO Checklist for Each Page:
- Title tag: Include your main keyword and keep it under 60 characters.
- Meta description: Compelling summary under 160 characters that encourages clicks.
- H1 heading: One per page, containing your primary keyword.
- Image alt text: Describe each image for accessibility and SEO.
- Internal links: Link between your pages to help Google understand your site structure.
- Page speed: Compress images and enable caching (Divi 5 handles a lot of this automatically).
For a deeper dive, read our complete Divi SEO guide.
Step 7: Go Live
Before you announce your website to the world, run through this final checklist:
Pre-Launch Checklist:
- SSL certificate: Make sure your site loads with https://. Most hosts provide free SSL — enable it in your hosting panel. Go to Settings → General in WordPress and ensure both URLs start with https.
- Mobile test: Open your site on your phone. Check that text is readable, buttons are tappable, and images display correctly. Divi's responsive editing tools let you fine-tune the mobile view.
- Speed test: Run your site through Google PageSpeed Insights. Aim for a score above 80 on both mobile and desktop.
- Contact form: Submit a test message through your contact form to make sure it arrives in your inbox.
- Broken links: Click every link and button to check they go to the right place.
- Privacy policy and cookie notice: Make sure these are in place to comply with GDPR.
- Google Analytics: Install Google Analytics (or Fathom/Plausible for privacy-focused tracking) so you can measure visitors.
- Google Search Console: Submit your sitemap to Google so they start indexing your pages.
Once everything checks out, go to Settings → Reading in WordPress and make sure "Discourage search engines" is unchecked. Your site is live!
Pro Tips for Your New Divi Website
Now that your site is live, here are some tips from our team to help you get the most out of it:
Back Up Regularly
Install UpdraftPlus and schedule weekly automatic backups to Google Drive or Dropbox. This is your safety net.
Keep Everything Updated
Update WordPress, Divi, and plugins regularly. Updates fix security vulnerabilities and improve performance.
Optimise Images
Use ShortPixel or Imagify to compress images before uploading. Large images are the number one cause of slow websites.
Save to Divi Library
Save sections you love to the Divi Library so you can reuse them across pages. Massive time saver.
Use Global Modules
Make elements like CTAs or testimonials "global" so updating one instance updates them everywhere on your site.
Add a Blog
Regular blog posts help with SEO and give visitors a reason to come back. Divi's Blog module makes it easy to display posts beautifully.
When to Call in the Pros
Divi makes it possible for anyone to build a website, but that doesn't mean you have to do it alone. Consider hiring a professional web design agency if:
- You need a complex website with custom functionality (ecommerce, booking systems, membership areas)
- You want a fully bespoke design that stands out from template-based sites
- You'd rather spend your time running your business than learning web design
- You need advanced SEO, speed optimisation, or accessibility compliance
- You want ongoing support, maintenance, and updates handled for you
At Nicada Digital, we've been building websites with Divi for over 20 years. We know the platform inside and out, and we can build you a site that looks stunning, loads fast, and ranks well on Google. View our web design services or get a free quote.
The Verdict
Divi is the best website builder for beginners who want professional results. The combination of a visual drag-and-drop editor, 800+ pre-built layouts, and a supportive community means you genuinely can build a great website without writing code.
With Divi 5's performance improvements and AI-powered design tools, it's never been easier or faster to go from idea to live website. And at $249 for lifetime access to unlimited sites, the value is hard to beat.
The 30-day money-back guarantee means there's zero risk in trying it. If you follow the steps in this guide, you could have your website live by the end of the weekend.
Start Building Your Website Today
Get Divi 5 with 800+ layouts, AI tools, and a 30-day money-back guarantee.
Try Divi 5 Risk-Free →