How To Create A Custom Product Page Using Elementor [Video]

𝗚𝗲𝘁 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗿𝗼 𝗣𝗹𝘂𝗴𝗶𝗻 ➜ https://wl.tools/elementor-custom-product

𝗚𝗲𝘁 𝗼𝘂𝗿 𝗡𝗘𝗪 𝗖𝗼𝘂𝗿𝘀𝗲 ➜ https://link.websitelearners.com/WordPress-Course

𝗛𝗼𝘄 𝘁𝗼 𝗠𝗮𝗸𝗲 𝗠𝗼𝗻𝗲𝘆 𝘄𝗶𝘁𝗵 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ Coming soon!

𝗦𝘂𝗴𝗴𝗲𝘀𝘁 / 𝗩𝗼𝘁𝗲 𝗳𝗼𝗿 𝘁𝗵𝗲 𝘂𝗽𝗰𝗼𝗺𝗶𝗻𝗴 𝘃𝗶𝗱𝗲𝗼𝘀 ➜ https://topics.websitelearners.com/websitelearners

𝗟𝗲𝗮𝗿𝗻 𝗵𝗼𝘄 𝘆𝗼𝘂 𝗰𝗮𝗻 𝗰𝗿𝗲𝗮𝘁𝗲 𝗮 𝗰𝘂𝘀𝘁𝗼𝗺 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝗽𝗮𝗴𝗲 𝘂𝘀𝗶𝗻𝗴 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿

Let’s say you’ve an ecommerce website, and you want to change the default product page into a customized product page.

You can make that easily by following our simple steps.

So let’s get started.

𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀:

0:00 Intro

01:11 Create a Product Page Using a Template

04:07 Create a Product Page from Scratch

09:37 How to get Elementor Pro Plugin

12:14 Create a Product Page Using a Free Plugin

𝗧𝗼 𝗰𝗿𝗲𝗮𝘁𝗲 𝗮 𝗰𝘂𝘀𝘁𝗼𝗺 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝗽𝗮𝗴𝗲, 𝘆𝗼𝘂 𝗻𝗲𝗲𝗱 𝘁𝗼 𝗵𝗮𝘃𝗲 𝗮𝗻 𝗲𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗽𝗿𝗼 𝗽𝗹𝘂𝗴𝗶𝗻.

Now if you don’t have 𝗲𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗽𝗿𝗼 𝗽𝗹𝘂𝗴𝗶𝗻, 𝗰𝗹𝗶𝗰𝗸 𝗵𝗲𝗿𝗲 to get it ➜ https://wl.tools/elementor-custom-product

===== 𝗣𝗮𝗿𝘁 𝟭 : 𝗖𝗿𝗲𝗮𝘁𝗲 𝗮 𝗣𝗿𝗼𝗱𝘂𝗰𝘁 𝗣𝗮𝗴𝗲 𝗨𝘀𝗶𝗻𝗴 𝗮 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 =====

To import a template,

Go to WordPress Dashboard ► Templates ► Add New

Now choose ‘Single Product’ as the type of template and click ‘Create Template’.

Next, select a template & click ‘Insert’.

Now if you want to edit the product page, you can do it using elementor editor options.

Once you’re done with the changes, click ‘Publish’.

Now click ‘Add Condition’ and choose ‘Products’ and then click ‘Save & Close’.

And now your template will be imported into your site and it will be displayed on all your product pages.

===== 𝗣𝗮𝗿𝘁 𝟭 : 𝗖𝗿𝗲𝗮𝘁𝗲 𝗮 𝗣𝗿𝗼𝗱𝘂𝗰𝘁 𝗣𝗮𝗴𝗲 𝗨𝘀𝗶𝗻𝗴 𝗮 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 =====

To create a product page from scratch,

Go to WordPress Dashboard ► Templates ► Add New

Now choose ‘Single Product’ as the type of template and click ‘Create Template’

Since you’re creating a product page from scratch, close the suggested templates window.

Now you can start creating your product page.

First, click on the plus icon and choose a structure you want.

Now just drag and drop the blocks which you want from the elements section.

You can also edit any content on that page like changing the text, image or adding your own content.

Once you’re done with the changes, click ‘Publish’.

Now click ‘Add Condition’ and choose ‘Products’ and then click ‘Save & Close’.

And now you’ve successfully created a product page from scratch using Elementor.

========================================================================

Now you know how to create a product page using Elementor pro plugin.

Now what if you want to create a product page using a free plugin?

So to create a product page for free,

Go to WordPress Dashboard ► Plugins ► Add New

Now search for ‘WooLentor’ and click ‘Install’ & ‘Activate’.

Now to create a product page,

Go to WordPress Dashboard ► Templates ► Add New

Now choose ‘Page’ as the type of template and click ‘Create Template’.

First, click on the plus icon and choose a structure you want.

Next in the elements section, click on ‘WooLentor Addons’.

Now you can find all the elements which you can add to create your product page.

So just drag and drop the blocks which you want from the elements section.

Once you’re done with the changes, click ‘Publish’.

Now to apply this template on all of your product pages,

Go to WordPress Dashboard ► WooLentor ► Settings ► WooCommerce Template

Now enter the total number of products on your website in “Product Limit’.

And in ‘Single Product Template’ select the template you’ve created and click ‘Save Changes’.

So now your custom product page template will be applied to all your product pages.

So that’s it, guys,

This is how you can create a custom product page.

——————————————————————————————————————————-
𝗚𝗲𝘁 𝘁𝗵𝗲 𝗯𝗲𝘀𝘁 𝘁𝗼𝗼𝗹𝘀 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ https://websitelearners.com/tools/

𝗩𝗶𝗱𝗲𝗼 𝗚𝗲𝗮𝗿 𝗪𝗲 𝗨𝘀𝗲 ➜ https://kit.co/websitelearners/video-gear-we-use/

𝗢𝘂𝗿 𝗩𝗶𝗱𝗲𝗼 𝗘𝗱𝗶𝘁𝗶𝗻𝗴 𝗧𝗼𝗼𝗹 ➜ https://bit.ly/2Od546p