How to add a slider using magento page builder?

Add a Slider Using Magento 2 Page Builder
Magento2, Magento2 Tutorial

In this tutorial, we are going to create slider using Magento 2.4.3 page builder. A page builder is a powerful tool and easy to use. It is user friendly and it saves time.

Follow the instructions to show the slider on the homepage:

Step 1:- Login to your admin.

Step 2:- Navigate to Content > Elements > Pages and press on it.

Step 3:- Go to your homepage where you want to add a slider. I am gonna edit my homepage “Demo homepage” and then click on the edit button as the image below.

Step 4:- Expand Content and go to Edit with Page Builder button and click on it.

Step 5:- Then drag and drop “Row” as image below.

Step 6:- After dropping Row, you will see the row section as the image below.

Step 7:- Expand Media then drag and drop slider as the image below.

Step 8:- After drag and drop you will see as the image below and click on the setting icon.

Step 9:- Then fill and configure your requirement as shown in the image below.

Step 10:- Then click on the save button.

Step 11:- Then hover your cursor on the slider and you will see as the image below.

  1. It is used to move sliders.
  2. Add slider option as your requirement.
  3. Name of option.
  4. Edit slider as your requirement.
  5. It is used for hide slider.
  6. It is used to duplicate slider.
  7. It is used to delete slider.
  8. Upload Image:- Upload image from here for slider.
  9. Select from Gallery:- Select image from you gallery.

Step 12:- Click on add icon as the image below.

Step 13:- Then repeat the step 9 and 10.

Step 14:- Click on Apply Template button as an image.

Step 15:- When you click on Apply template button you will see as image and then you have to click on Apply button.

Step 15:- After that click on Save as Template button if you want to save it then click on the Close Full-Screen button.

Step 16:- Click on the save button.

Step 17:- After that run command: php/bin magento c:f

Step 18:- Refresh your homepage you will see a slider like as image below.

Please contact us at manish@bay20.com or call us at +91-8800519180 for any support related to Magento. You can also visit the Magento development page to check the services we offer.