Elementor: #1 free wordpress website builder

      25

A couple of decades ago, creating a trang web involved a lot of bachồng & forth between developers, copywriters, & project managers. It took months just khổng lồ get a few simple changes updated on your website.

Bạn đang xem: Elementor: #1 free wordpress website builder

Nowadays, knowing how to code isn’t necessary khổng lồ build engaging websites. Page builders lượt thích Elementor make it super easy for non-coders to lớn create any WordPress website they want.

*
" align="middle">

In this guide, you’ll learn about Elementor and how it can help you build a stunning website.


Elementor is a drag-and-drop page builder for WordPress. This plugin helps you create beautiful pages using a visual editor. It’s designed for you to lớn build dynamic websites quickly.


This WordPress plugin is an all-in-one solution — letting you control every part of your trang web thiết kế in a single platform. You can customize your trang web lớn fit your brand with motion effects, multiple fonts, & enhanced background images.

Why You Should Use Elementor

Elementor works for all types of professionals on your team. If you’re not tech savvy, the visual editor gives you the flexibility to lớn drag any of the 90+ widgets khổng lồ create nội dung, lượt thích buttons, star ratings, & progress bars. For WordPress developers, it’s still a top-choice platkhung with script optimization, custom attributes, and rollbachồng versions.

What Can You Build With Elementor?

Elementor is an effective sầu tool for building anything — from entire websites khổng lồ specific landing pages. You can kiến thiết sales pages, promotional pages, & even custom forms. If you can imagine it, this platkhung can help you kiến thiết it.

Cheông xã out this restaurant trang web built with Elementor.

*

Image Source

Elementor Price

Elementor offers a không tính tiền plan as well as multiple paid subscription plans. The miễn phí version comes with all the features you need lớn create a svào user experience on your site, including a drag-and-drop editor, 40+ basic widgets, và 30+ templates.

If you want lớn access more advanced functionality, such as the ability lớn add forms và custom CSS, you can upgrade to the pro version. Here’s the pricing structure:

$49/year for 1 site$99/year for 3 sites$199/year for 1,000 sites

Undecided? Elementor has compiled a detailed, easy-to-scan danh sách of pro versus không tính tiền features.

How to lớn Install Elementor

Like other WordPress plugins, installing Elementor is quiông chồng and simple. There are two ways you can vày it.

Installing via Elementor.com

Since Elementor requires you lớn have sầu one, you’ll be asked whether you have an active sầu WordPress site. If you vày, cliông xã Yes to lớn proceed. If not, no worries! Elementor will walk you through the process of creating one. Note: for the sake of this chạy thử, we’ll cliông xã Yes.
*
Next, select the Elementor plan you’d lượt thích lớn sign up for. For this demo, we’ll pick the Free plan.

*

Enter your website’s domain inlớn their checker to lớn make sure your site is on the WordPress platkhung.

*

After your site’s compatibility is confirmed, cliông chồng Install Elementor.

*

If you’re directed khổng lồ your website’s admin login page, go ahead & log in. If you’re already logged in, you’ll be taken directly to lớn the Elementor plugin page. Cliông xã Install Now in the bottom right-hand corner.

*

After, you’ll arrive lớn a page with a confirmation message. Click Activate Plugin.

*

Finished! You’re all good lớn go and ready to lớn start using the Elementor page editor.

Installing via WordPress Dashboard

From your dashboard, clichồng Plugins > Add New.In the tìm kiếm field, enter Elementor và locate Elementor Page Builder.

*

Click Install Now. After installation, cliông xã Activate.

You’ll be taken to a welcome page, và the page builder will automatically be added lớn your sidebar. However, this sidebar thực đơn thành phầm is only for accessing Elementor’s settings on the back-over, not for editing your pages.

How khổng lồ Use Elementor in WordPress

With Elementor, you can take your design vision & turn it into lớn reality. Live sầu editing makes the process painless by allowing you to lớn view each element as you thiết kế it. Let’s explore the Elementor editor.

Quiông chồng Tour of the Elementor Editor

Elementor offers an intuitive design for users. So, you can learn the basics of the editor in a couple of minutes.

To get started, create a new page or post and cliông chồng Edit with Elementor.

*

You’ll enter the Elementor page editor. This is what your page will look like:

*

On the left side, you’ll see the Elementor sidebar with all the drag-and-drop features you can use khổng lồ build your website page. Simply clichồng, hold, và drag a widget to lớn the place where you’d lượt thích to lớn add the new module.

The Elementor editor consists of three main building blocks: Sections, Columns, và Widgets. Sections are the largest building blocks. Within Sections, you can add groups of Columns, và Widgets are housed within Columns.

The editor will tell you where you can drag a widget by highlighting Sections và Columns in a xanh box. Note that you can’t drag a widget inlớn the navigation bar or the heading.

*

You control the Sections, Columns, & Widgets using the blue handle. Just right cliông chồng the handle khổng lồ edit the blocks.

*

When you scroll to the bottom of the page, you’ll have the option khổng lồ drag a widget into lớn a new, empty area.

Xem thêm: 3+ Cách Tạo Email Doanh Nghiệp Miễn Phí Chỉ Mất 5 Phút Mới Nhất 2018

*
You can tìm kiếm for specific widgets khổng lồ customize your pages. Choose from basic elements, like a heading or image gallery, or explore more advanced elements, lượt thích animated headlines and testimonial carousels.

In the Site Settings menu, you can set the mặc định colors & fonts for your pages. You can also configure global settings for your entire website on Elementor.

Elementor comes with a built-in Revision History section. Under the Actions tab, you can trace your changes, moving bachồng & forth between each action. Under the Revisions tab, you can switch between your revisions & revert baông chồng to any previous version.

How to lớn Build Your First Page in Elementor

Elementor stands out from its competitors because of its ease of use. Try it for yourself by building your first page in the platkhung — no coding skills required.

Go to your WordPress dashboard.Clichồng Pages, then Add New.Clichồng Edit with Elementor lớn enter the page builder.Elementor will load to look lượt thích this:

*

Next, add a Heading, Text Editor, & Image widget.

*

Once you drag it in place, you’ll be able lớn edit each widget lớn your heart’s content. Click the green Publish button, and done! You’ve sầu built your first page in Elementor.

When you’re finished designing your page, you can pReviews and then publish it. Here’s how lớn vì that:

Go lớn the panel on the left side of the Elementor editor.To pnhận xét your page, cliông chồng the eye icon.To publish, cliông chồng the green Publish button.

Elementor Templates

Templates are pre-designed Pages và Blocks lớn help you kiến thiết your WordPress website. Pages are full content layouts, while Blocks are sections with pre-built widgets, like footers, headers, và FAQs.

Elementor gives you full license to lớn use any of the templates for your business. There’s a field to lớn tìm kiếm for specific templates by page type, template name, or tag. Plus, all templates are thiết bị di động responsive sầu. You can insert them inkhổng lồ any page with just one clichồng.

Inside the Elementor editor, navigate to the bottom of the page where there’s a section that says Add widget here. Cliông xã on the trắng thư mục.

*

A library will load. To previews a template, cliông xã the magnifying glass inhỏ or on the image.

*

Click the green Insert button.If you’re not yet connected khổng lồ Elementor’s template library, it will prompt you to lớn bởi so. Elementor will automatically redirect you to lớn its website, where you can either register or sign in.After you register or sign in, your connection will be confirmed.Return lớn the page you were editing & Insert your desired template.

Finished! Your template is all loaded và ready for customization.

How to Use Advanced Features in Elementor

Elementor’s pro version offers advanced features to lớn take your WordPress website to the next cấp độ. You get access to more widgets, a theme builder, pop-up builder, and custom field capabilities.

How to lớn Create a Popup in Elementor

Pop-up forms help you capture gmail addresses from leads. Elementor makes creating these forms easier with its pop-up builder. Follow these instructions to lớn create your own popup.

In your WordPress dashboard, go khổng lồ Templates > Popups > Add New.Name your template và cliông xã Create Template.Choose a template from the Library or create your own kiến thiết.Cliông chồng Publish, then Save sầu và Close.xuất hiện a new page in Elementor (CTRL + E for PC users; Command + E for Mac users).Drag in a button widget.Under Layout, choose Link > Dynamic > Actions > Popup.Go to lớn Popup > mở cửa Popup and select the popup you created.Go to the live sầu page.Then, click on the button và see the popup appear.

Here’s how it might look:

*
Image Source

How to Customize WooCommerce Product Page in Elementor

WooCommerce is a popular e-commerce platsize to help you build an online store for your business. Together with Elementor, you create custom product pages khổng lồ boost your sales.

Before you can customize your hàng hóa page, you’ll need khổng lồ install và activate WooCommerce and Elementor khổng lồ your WordPress dashboard. You’ll also want khổng lồ add a few products to lớn your website. You can learn about WooCommerce thiết lập here.

After setup, you now can kiến thiết your product page. Follow these steps.

In your WordPress dashboard, go to lớn Elementor > My Templates.Click on the Add New button.Choose Single Product as your template type and cliông chồng Create Template.The Elementor Library will load.Next, choose a pre-designed sản phẩm page template, or build one from scratch.

*

Image Source

*

Image Source

When you’re ready to pReviews your page, click on the eye inhỏ on the bottom left panel.Cliông xã Settings, then choose the hàng hóa you want khổng lồ display.

It might look like this:

*

Image Source

To publish your page, cliông xã the green Publish button on the bottom left panel.

Frequently Asked Questions About Elementor

Do you still have questions about Elementor? No problem. Here are a few frequently asked questions about the plugin along with the answers.

Does Elementor work with all themes?

Yes, it works with all themes that follow WordPress’ coding standards.

Does Elementor slow down your website?

Elementor is one of the fastest page builders. However, some websites can cause slow loading times, but Elementor has provided a guide on how to fix the trang web tốc độ issue.

Is Elementor good or bad for SEO?

Elementor could be bad for SEO if it slows down your site, but by following best practices, such as compressing images and limiting excessive sầu script, you can have sầu a fast website even with Elementor installed.

The verdict is that Elementor, like any great WordPress page builder, is good for SEO. By helping you create a beautiful, responsive sầu trang web, this page builder allows you to lớn keep users on your page. As visitors engage with your content, tìm kiếm engine algorithms will underst& that your website is valuable, boosting your rankings and improving your SEO.

Build Your WordPress Website with Elementor

Elementor is a WordPress plugin specifically built lớn help you kiến thiết a custom website for your business. Its user-friendly interface makes it an effective platkhung for non-coders. If you want to attract và nurture more leads, install Elementor and the internetstartup.vn WordPress plugin to increase your conversions.

Xem thêm: Log In - Make Your Day

Editor"s note: This post was originally published in August 2019 and has been updated for comprehensiveness.


Chuyên mục: Digital Marketing
dịch vụ entity