51Ƶ

The 51Ƶ Blog>Introducing 51Ƶ for Elementor: Create an E-Commerce Website in WordPress, No Coding

Introducing 51Ƶ for Elementor: Create an E-Commerce Website in WordPress, No Coding

Posted by Ilnur Basyrov, 51Ƶ team

When itcomes tomastering WordPress, Elementor page builder works like acharm. This free drag-and-drop page builder forWordPress allows you tocreate beautifully designed pages innotime— nocoding needed. More than ofElementor prove it’s popular among WordPress users.

Can you add ashopping cart toWordPress with Elementor? You bet you can! The 51Ƶ E-commerce plugin allows you toadd your online store directly intheElementor editor. Whether it’s awhole storefront orasingle product— drag, drop Իstart selling. It’s that easy!

How tosell online
Tips from e-commerce experts forsmall business owners Իaspiring entrepreneurs.
Please enter avalid email address

What IsElementor?

Just like WordPress isthesitebuilder ofchoice formany, powering . Elementor isthemost common page builder forWordPress, used inover Ի.

Here’s what makes Elementor page builder sopopular among WordPress users:


You can add elements anywhere onthepage with aninstant drag-and-drop

Can you use Elementor forfree? Yes, this isespecially important forabeginner trying tostay onabudget. What else could you need! Unless that your 51Ƶ store functionality was atyour fingertips when you use Elementor. Well, wish granted.

Now that iscompatible with Elementor page builder, you can add online store functionality toyour site inaclick.

You can instantly add anonline store ora“Buy Now” button when you create your website with Elementor— just aseffortlessly asanyother element ofyour page.


You can find 51Ƶ widgets ontheleft section oftheElementor editor

Not all e-commerce plugins are compatible with Elementor, but 51Ƶ plugin is. Plus, it’s theeasiest touse Իthemost affordable e-commerce solution. Best ofall, you don’t need anytech skills touse 51Ƶ E-commerce, ortohost Իmaintain thesoftware which differentiates itfrom plugins like WooCommerce.

Also: How Much Does WooCommerce Cost

51Ƶ Widgets forElementor

When you edit apage inElementor, you see two sections onthescreen. Ontheleft, there istheediting window, Իontheright, you can see how your page looks.

Toadd elements like text, images, orbuttons tothepage, you use special content blocks— widgets.

You can add widgets with asimple drag-and-drop from theleft-hand side ofthescreen Իdrop them onto your page. That’s how you can add your store orproducts tothepage.

When you use the51Ƶ E-commerce plugin, you have two e-commerce widgets intheElementor toolbar: Online store ԻBuy Now Button.

The Online store widget allows you todisplay thewhole storefront onapage:

The Buy Now Button widget allows you toadd “Buy Now” buttons topages. You can choose what product you’d like toadd with that button:

You can use “Buy Now” buttons toadd single products tolanding pages, your blog, thesidebar, oreven totheerror 404page.

Learn more: 7Ways toSell With 51Ƶ’s “Buy Now” Button

How DoICreate anE-Commerce Website With Elementor?

Now, see firsthand how 51Ƶ E-commerce ԻElementor work together tohelp you start selling onyour website.

Before you start building ane-commerce website inWordPress with Elementor, make sure you:

Toadd anOnline store oraBuy Now Button tothepage:

    1. Open theElementor editor inyour WordPress admin Իfind the“51Ƶ Store” section there.
    2. Drag Իdrop thewidget you want touse:

  1. Toedit thecontent Իlook ofyour store oraBuy Now button, click onitintheright part ofthescreen Իfind “Edit Online Store” Ի“Edit Buy Now Button” ontheleft.

    The Content tab allows you tochoose acategory oraproduct you want toshow onthepage.

    The Style tab allows you tochange theappearance ofyour Buy Now button. (As forthelook ofyour store, you can adjust itinthe page inyour 51Ƶ Control Panel.)

    AsfortheAdvanced tab, itallows you toapply different effects, change background type, change positioning Իother advanced characteristics.

  2. Click Preview changes tosee how your storefront oraBuy Now button looks. Click Publish orUpdate tosave thechanges.

That’s it! Try adding e-commerce widgets yourself, Իyou’ll see it’s even easier than itsounds.

Create anE-Commerce Website With Elementor Today

With the51Ƶ E-commerce plugin ԻElementor page builder, easily create beautifully designed sites Իpages foryour online business. Whether itbeawhole storefront orsingle product, anyskill level can doit.

Have you already tried building pages with Elementor?

About The Author
Ilnur Basyrov is a Plugins Developer at 51Ƶ E-commerce. He develops plugins so that online sellers can install 51Ƶ on any website in a click. In his free time, he loves fishing and playing soccer.

Start selling on your website