Divi

Elementor vs Divi, that is the ultimate question! In this video I compare two of the most popluar page builders in the world to help you decide which one to build your website with. The categories are:

1. Interface and Ease of Use
2. Module Customization
3. Pre-made Templates
4. Price
5. Overall Reccomendation

Divi (affiliate link):
http://createaprowebsite.com/divi

Elementor (affiliate link):
https://elementor.com/?ref=6189

How to Make a BEAUTIFUL Parallax Website:
https://www.youtube.com/watch?v=lh8w2upALV8&t=135s

Don't forget to SUBSCRIBE if you want more AWESOME website tips, tricks, and tutorials:
http://youtube.com/createaprowebsite?sub_confirmation=1

Divi new features 2019

In this video, I go through the Brand New Divi Features. These Divi theme new features make you work faster in Divi.
-------------
▷ BUY DIVI here and get FREE Divi course worth $247
http://funnelstoincome.com/divi

▷ Try Skillshare Premium FREE for 2 months: https://funnelstoincome.com/skillshare

▷ FREE WordPress Course: http://funnelstoincome.com

Learn more here: https://www.elegantthemes.com/blog/theme-releases/the-woocommerce-builder-for-divi

Today we are excited to release the long awaited WooCommerce Builder including a full set of new WooCommerce Modules that can be used to customize product pages and even build your own product listings anywhere on your website. The WooCommerce builder untethers WooCommerce products from their rigid product templates and gives you amazing control over individual product designs. Together, these new features take Divi eCommerce to a whole new level.

Start Here ➜ https://websitelearners.com/how-to-make-a-divi-website/#start

Get Divi Theme ➜ https://websitelearners.com/get/divioffer

Watch how you can make your website using the Divi Theme

We are going to build our website using Divi in just 3 parts:

1) Launch your WordPress website -
2) Setup Your Divi theme -
3) Start Building your website -

=== Part 1: Launch your WordPress website ===

In this part, you will get a new website live on the internet.

Launch your WordPress website in just 3 steps:

Step 1: Choose your website name

Go to https://websitelearners.com/how-to-make-a-divi-website/#start and then pick a name for your website.

Step 2: Get your Hosting and Domain

Hosting & Domain are the two things that you need, to launch your WordPress website.

Hosting is the place where your website’s files are stored and Domain is the name of your website.

Step 3: Install WordPress

WordPress is the tool we’re going to use to build our website without having any coding knowledge.

Once you install WordPress, your will have a brand new website live on the internet.

=== PART 2: Setup your Divi theme ===

So once you setup the divi theme, you will be able to start building your website, using divi.

Setup your Divi theme in 5 steps

Step 1: Login to your WordPress website

Now to login to your website, just type your site’s address & add “/login” and then enter the login details which you’ve created for WordPress.

Now you will reach the WordPress dashboard, from where you can control your website.

Step 2: Get your Divi theme

Go to : https://websitelearners.com/get/divioffer

Divi has 2 plans, yearly & lifetime. You can select the plan which you want.

Once you select the plan, create your account on the divi website & make the payment.

Once you’ve got the divi theme, you can go to the next step.

Step 3: Download your Divi theme

So to download the divi theme, login to your divi account

And then click ‘download’ and your divi theme will be downloaded.

Once you’ve downloaded the divi theme, we can go to the next step;

Step 4: Install your Divi theme

To install your divi theme, just go to your WordPress dashboard, and go to appearance & click ‘themes’.

Now click ‘new’ and then upload the Divi theme from your computer.

Once you’ve completed installing the divi theme on your computer, if you go to you website, you would see the divi logo on your website.

Step 5 : Activate your Divi theme

By activating your divi theme, you will be able to use all the divi features to build your website.

Once you’ve activated the divi theme, we can go to the final part of this tutorial.

=== Part 3: Start Building Your Website ===

We are going to Build our website in just 4 steps

Step 1: create your homepage
Homepage is the page, which everyone will see, when they first land on your website.

To create your homepage, go to ‘new’ on your website & click ‘page’

Now enter page name as ‘home’, next you would see the button called Divi builder. Just click ‘divi builder’ and now you would see three options to create your page, so first let’s see ‘using layouts’ options which is using going to let us build our page using a set of sample designs.

So just click ‘browse layouts’ and then build your home page.

Step 2: Create a page from scratch

Now instead of creating a page using layouts, If you can create your own page from start to end ( without using layouts)

Just click ‘new’ again and then click ‘page’. This time select ‘build from scratch’ option to build your page from scratch.

Step 3: Create your menu

To create your menu, just go to ‘theme customizer’ & click ‘menus’ to create your own menu.

Step 4 : Change your logo

You would see the default divi logo appears on your WordPress website.
So to change it with your own logo, just go to WordPress dashboard and click the divi button appears on the sidebar.

Now click ‘upload’ button to upload your own logo.
Once you’ve uploaded your logo just click ‘save changes’ to make the changes.

So this is how you can make your website using DIVI

-----------
Get Divi Theme ➜ https://websitelearners.com/get/diviofferp

Get the best tools for your website ➜ https://websitelearners.com/tools
-----------

Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

Our Video Editing Tool: https://bit.ly/2Od546p

We're Hiring: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to [email protected]

Follow Us on Instagram: https://www.instagram.com/websitelearners/

Or Facebook: http://fb.me/websitelearners

Or Twitter: https://twitter.com/websitelearners

Business inquiries: [email protected]

In this tutorial I show you how to make an amazing website using the Divi theme! I will show you step by step how to create a website using the Divi Theme. An amazing theme that contains a front end editor that makes creating websites easier and faster than ever before! Divi came with a recent update that enables you to make websites even faster! I wil cover that in this tutorial!

Example website: https://divi5.com
Demo Files: https://ferdykorpershoek.com/create-a-wordpress-website-using-the-divi-theme/
Webhosting: http://webhosting126.com
Like me on Facebook: https://www.facebook.com/FerdyKorpershoek/

The Divi builder is a front end editor that shows the result of your editing immediately. The Divi theme comes with 80+ other themes and a few amazing plugins!

Making websites was never so easy as it is this day! If you have a question, please leave a comment!

Overview with Timestamps:
Intro
00:00:15 Overview of the tutorial
00:07:08 For who’s is this tutorial?
00:08:13 Get a domain and webhosting
00:12:53 Install Wordpress
00:15:49 Clean Up Wordpress
00:16:40 Configure the Permalinks
00:17:24 Remove blogposts
00:17:47 Change User Settings
00:19:23 Create Pages
00:20:53 Create and Assign the menu
00:24:00 Change the homepage to.a static page

00:24:41 Introduction on Themes
00:25:39 Get the Divi Theme
00:25:56 What do you get with the Divi theme?
00:28:25Install the Divi theme
00:29:44 Configure the API Key
00:30:34 Use images I use in the tutorial
00:31:02 Upload a logo and Configure the Theme Options
00:32:25 Social Icons
00:32:25 Other Options
00:33:27 Google Analytics
00:34:27 Change the logo size

The Visual Builder
00:35:10 Explenation of the layout
00:37:05 Creating a blurb
00:39:09 Duplicate Modules
00:39:51 The Editor View
00:40:46 Overview of the options in the Visual Builder
00:42:27 Display options of the Visual Builder
00:42:48 Zoom Out To Drag and Drop
00:43:14 Change to tablet or smartphone view

Create The Homepage
00:43:47 HeaderSlider
00:45:54 How to work with backgrounds
00:49:51 Create a Video Slide
00:54:52 Import Custom CSS to style your website extra
00:57:06 Import Section Options
00:58:18 The Blurb Module
01:03:46 The Video Module Explained
01:04:48 The Text Module Explained
01:07:17 The Gallery Module Explained
01:10:01 The Button Module Explained
01:13:04 Save a Module/Section to your library
01:14:11 Change the look and feel of sections and modules
01:18:11 Use Custom CSS to style your modules
01:23:40 Create a simple clients section
01:25:16 Zoom out to drag and drop areas in your website
01:26:35 Configure the responsive visibility of areas in your website
01:26:55 Work with animations
01:29:04 Load From Library | Pre Made Layouts

01:35:14:16 Divi Theme Settings
01:35:53 Boxed Layout
01:36:20 Website Width
01:36:30 Gutter Width, Section Height and Row Height
01:38:26 Typography
01:40:15 Configure the background of the website
01:41:19 Configure the Menu
01:42:01 The Primary Menu
01:44:27 The Fixed Menu
01:46:25 The Secundary Header
01:48:14 Button Styles
01:48:49 Responsive Settings
01:50:24 Additional CSS
01:50:31 Create beautiful dividers

01:53:12 Verify Your Domain
01:53:50 Add SSL to your website

About Page
01:55:24 Import Pre Made Layouts
01:56:50 Import a Video Background

02:03:24 Create A Custom Footer
02:08:12 Adjust the Socket in the Footer
02:09:08 Add links to your Socket
02:10:54 Change the look and feel of an area in a few clicks

The Services Page
02:13:10 Import a Pre Made Template
02:14:08 Change images using the Divi Filter
02:15:43 Use Fluid Styles to save a lot of time

The Portfolio Page
02:18:36 Create a Portfolio Item
02:20:15 Create a Gallery
02:20:42 Optimise Images | SEO
02:23:16 Create a related projects section
02:26:25 Save your project as a template
02:26:49 Create a second portfolio item
02:29:03 Create a third portfolio item
02:31:18 Configure the portfolio page

The Blog Page
02:36:34 Configure the blog page
02:37:00 Create a fblogpost
02:38:40 The excerpt text
02:39:10 The Text Editor | headers | paragraphs
02:43:22 Style your blogpost
02:46:45 Add a link
02:48:15 Add Images
02:52:17 Use custom CSS to get rid of the sidebar border
02:54:02 Use the live editor to make a blogpost
02:56:32 The Countdown module
02:58:27 Change the postdate or schedule blogposts
03:00:05 Configure the blog page

The Sidebar
03:07:44 Sidebar Widgets
03:08:49 The Facebook Likebox Widget

03:10:33 Blogpost Comments

The Contact Page
03:12:44 Add a free image and optimise it in Wordpress
03:15:26. The Call To Action Module
03:16:36 Add 3 blurbs
03:19:30 The Google Maps Module
03:19:43 Get the Google API Key
03:21:11 Configure the Google Maps Module
03:23:19 The Contact Form Module

The Homepage
03:25:19 Add Most Recent Posts on the homepage
03:26:34 Add Most Recent Projects on the homepage

Responsiveness
03:28:05 Make your website even more responsive

03:37:05 What is next?
03:37:22 Thank you so much

Download Divi Theme: https://www.darrelwilson.com/divi
Download elementor pro: https://www.darrelwilson.com/elementor
NEW Divi Theme Tutorial 2019: https://www.youtube.com/watch?v=e1RkMMyjkOM
Join Our Wordpress Social Platform! Register NOW: https://www.wpfriends.com
Vote For Your favorite page builder: https://darrelwilson.com/divi-theme-vs-elementor-pros-and-cons

I mentioned that i had a web hosting competition, you can check out what is the best hosting here: https://www.youtube.com/watch?v=sIQ_LGL7cB8&t=1442s

Most of my viewers always ask me about divi vs elementor. I personally think both are great page builder. The elementor page builder pro is a good option as well as the divi theme ( both are way better than visual composer )

Get access to tons of ELEMENTOR TEMPLATES HERE! https://www.darrelwilson.com/crocoblock

Get tons of access to divi child themes and plugins here: https://www.darrelwilson.com/divicake

The divi theme is the most popular wordpress page builder with over 1 million active installs, it remains the most used wordpress theme in the world!

Elementor PRO is nearing 1 million installs with more and more wordpress themes adopting it on envato market. ( which is good because than we would be stuck with visual composer )

I hope you enjoy this review on the divi theme vs elementor. Again both are great page builders

For more tutorials like this or to learn how to make a wordpress website, feel free to visit my website at https://www.darrelwilson.com

Divi builder tutorial 2019 - Getting started with Divi Theme.

In this video, I am going to share very important steps on Getting started with Divi Theme 2019. I cover global settings, keyboard shortcuts, color and more.

🌟FREE WordPress Course: http://funnelstoincome.com

⭐️Sign up today with A2 Hosting and get:
- One year access to all courses on Mak University.
Signup https://funnelstoincome.com/a2

⭐️BUY DIVI here and get FREE Divi course worth $247
http://funnelstoincome.com/divi

#Wordpress #divi

▷ Try Skillshare Premium FREE for 2 months: https://funnelstoincome.com/skillshare

The Divi Builder comes in two forms: The standard “Back-end Builder” and the front-end “Visual Builder.” Both interfaces allow you to build exactly the same types of websites with the same content elements and design settings. The only difference is the interface. The Back-end Builder lives inside of the WordPress Dashboard and it can be accessed along with all of the other standard WordPress settings. It sits inside the WordPress UI and replaces the standard WordPress post editor. It’s great for making quick changes while you are inside the dashboard, but it’s also confined by the dashboard and is rendered as a block-based representation of your website. This tutorial will be focusing only on the visual builder.


View The Full Documentation Page: https://www.elegantthemes.com/documentation/divi/visual-builder/

For links to my Top 10 Best Divi Plugins, see the overview below. For full transcription, descriptions and more visit: https://joshhall.co/top-10-best-divi-plugins/

Video overview:

1) Divi Overlays - 1:21
Create overlay pop ups on any Divi element.
https://divilife.com/downloads/divi-overlays/ref/133/?campaign=DiviOverlays

2) Divi Bars - 2:49
Create custom promo bars on your site.
https://divilife.com/downloads/divi-bars/ref/133/?campaign=DiviBars

3) Image Intense - 4:14
Create slick image hover over effects.
https://besuperfly.com/product/image-intense-plugin/aff/274/?campaign=ImageIntense

4) Divi Icon Party - 5:30
Add more social media icons to Divi header, footer, etc.
https://divi.space/product/divi-icon-party/ref/8878/?campaign=DiviIconParty

5) Divi Icons Pro - 6:38
Add tons of custom icons to blurbs and other Divi modules.
https://divilover.com/product/divi-icons/ref/52/?campaign=DiviIcons

6) Divi Dashboard Welcome - 8:25
Create custom dashboard for Wordpress site with the Divi builder.
https://divilife.com/downloads/divi-dashboard-welcome/ref/133/?campaign=DiviDashboardWelcome

7) Divi Logo Swap - 9:58
Swap logo on scroll with Divi.
https://divilife.com/downloads/divi-logo-swap/ref/133/?campaign=DiviLogoSwap

8) Content Intense - 11:16 (discontinued)
Unfortunately this plugin was recently discontinued as it didn’t get popular enough to be supported. There is however a new plugin that allows you to customize the Divi blog module and many other areas in Divi with zero code and that is Divi Lover’s Divi Toolbox. Highly recommend checking that out as an alternative to this plugin. RIP Content Intense.
https://divilover.com/product/divi-toolbox/ref/52

9) Divi Extras - 12:46
Customize and expand Divi blog and post layout styling.
https://divi.space/product/divi-extras/ref/8878/?campaign=DiviExtras

10) Divi Sticky Video - 14:05
Video sticks to screen when scrolling down.
https://besuperfly.com/product/divi-sticky-video/aff/274/?campaign=DiviStickyVideo

Additional plugins I highly recommend:

11) Divi Page Builder Everywhere - 15:57
Add Divi layouts and design in any section on Wordpress site.
https://divi.space/product/page-builder-everywhere/ref/8878/?campaign=PageBuilderEverywhere

12) mhmm Mighty Header & Menu Maker - 16:19
Customize the Divi header and menu with zero coding.
https://besuperfly.com/product/mhmm-mighty-header-and-menu-maker/aff/274/?campaign=mhmm

13) J.E.D.I. Jerry's Easy Demo Import - 16:56
Import and export entire Divi site, settings, content, etc.
https://www.montereypremier.com/product/jedi/

Marketplaces I recommend for additional Divi plugins:

https://www.montereypremier.com/divi-marketplace/divi-plugins/
https://divicake.com/products/category/divi-plugins/
https://elegantmarketplace.com/downloads/category/plugins/

Purchase Divi here: http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=42681_5_1_21

Learn how to build Custom designed websites with Webflow:
http://zpr.io/gFhbV
-
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
-
Gear & Book Recommendations: http://bit.ly/2ohFOuj