MedicalPro Demo for ListingProWP With WPBakery

Home › Home › Demo Setup › MedicalPro Demo for ListingProWP With WPBakery....

For WPBakery Page Builder Users

We are going to make the below sections with different page builder elements.

Section 01

Section Title: OUR PARTNERS FOR HEALTH

Page Builder Element: MD Partners

For this, we need MD Partners and MD Single Logo Elements

Please go to your WordPress admin dashboard and Edit your desired page with WPBakery page builder and create a new section and then follow the below steps

Step 1: Add MD Partners Element

Step 2:  Append the New Element MD Single Element Logo

  1.  Add your Logo in the Image Section

Step 3: Edit the row and set the below properties.

  1. Title color: #fffff
  2. Row Title:    OUR PARTNERS FOR HEALTH
  3. Row Type: Full width-content center
  4. Background Color: #465be0
  5. Extra Class Name: mp-small-title-class

__________________________________________________________________________________________________________________________

Section 02

Section Title: SOME OF OUR MOST VISITED DOCTORS

Page Builder Element: MD Listing

For this, we need MD Listing Element

Step 1:Add MD Listings Element

  1. Posts per page: 15

Step 2: Edit the row and set the below properties.

  1. Row Title: SOME OF OUR MOST VISITED DOCTORS

__________________________________________________________________________________________________________________________

Section 03

Section Title: FIND THE TOP DOCTORS BY SPECIALTY, CONDITION, PROCEDURE, OR LOCATION

Page Builder Element: MedicalPro Taxonomy List

For this, we need MedicalPro Taxonomy List Element

Step 1:Add MedicalPro Taxonomy List Element

Select your desired Category, Features, Hospital, and Location

Step 2: Edit the row and set the below properties.

  1. Row Title:    SOME OF OUR MOST VISITED DOCTORS
  2. Title Color: #000000

__________________________________________________________________________________________________________________________

Section 04

Section Title: SEE HOW IT’S WORKS

Page Builder Element: MD Content Box

For this, we need MD Content Box and LP Single Content Box Elements

Step 1: Add MD Content Box Element

  1. Select your desired Category, Features, Hospital, and Location

Step 2: Append the New Element LP Single Content Box Element

  1. Title: Find the Right Doctors
  2. Upload the search icon image ( If missing )
  3. Icon Background color: #fff4e1

Step 3: Append the New Element LP Single Content Box Element

  1. Title: Book An Appointment
  2. Upload the content icon image ( If missing )
  3. Icon Background color: #e7fcf9

Step 4: Append the New Element LP Single Content Box Element

  1. Title: Meet In-Person/ Virtual
  2. Upload the Heart icon image ( If missing )
  3. Icon Background color: #fee0f6

Step 5: Edit the Row and set the below properties.

  1. Row Title:    SEE HOW IT’S WORKS
  2. Row Type: Full width-content center

__________________________________________________________________________________________________________________________

Section 05

Page Builder Element: Images

For this, we need Two images Elements

Step 1:   Add the Image Element in the same section

  1. Add the below  Rectangle image if missing from the media
  2. Click on the Advanced tab and set the Margin Top: -70px

Step 2:   Add the image element again in the same section

  1. Add the below image in the element if missing from the media

__________________________________________________________________________________________________________________________

Section 06

Section Title: DOCTORS REVIEWS

Page Builder Element: MD Activities

For this, we need MD Activities and Text block Elements

Step 1: Add MD Activities Element

  1. Posts per page: 4

Step 2:  Edit the Row and set the below properties.

  1. Row Title: DOCTOR REVIEWS
  2. Row Description: SHARING YOUR EXPERIENCE CAN CONNECT SOMEONE TO THE CARE THEY NEED.
  3. Row Type: Full-width Content Center
  4. Background Color: #465be0
  5. Extra Class Name: mp-small-title-class

Step 3: Add Text Block Element and convert it into ¼

  1.  Add the below code to this Element
 <h2 style="color: #ffffff; text-align: center;"><strong>2,00,000 +</strong></h2>
<p style="color: #ffffff; text-align: center;">Happy Patients</p>
  1. Edit the row and set the below properties.
    • Row Type: Full-width content center
    • Background Color: #4357cf
  2. Edit the Column go to Design Options and select the below properties
    • Padding-Top: 50px
    • Padding-Bottom: 50px

Add the Text block element in the other three columns with the same settings

__________________________________________________________________________________________________________________________

Section 07

Section Title: BENEFITS OF JOINING US

Page Builder Element: MD Columns

For this, we need MD Columns Element

Step 1:Add MD Columns Element

  1. Add Column left image ( if missing )
    • Add the First icon ( If missing )
    • Add the Second icon ( If missing )
    • Add the Third icon ( If missing )

Step 2:  Edit the row and set the below properties.

  1. Row Title: BENEFITS OF JOINING US
  2. Background Color: #ffffff

 

__________________________________________________________________________________________________________________________

Section 08

Page Builder Element: MD Facts Element

For this, we need MD Facts Element

Step 1: Add MD Facts Element

  1. Add the First fact image ( If missing )
  2. Add the Second fact image  ( If missing )
  3. Add the Third fact image  ( If missing )

Step 2: Edit the Row and set the below properties.

  1. Row Type: Full-Width center content
  2. Background Color: #ffffff

 

__________________________________________________________________________________________________________________________

Section 09

Section Title: As Featured In

Page Builder Element: MD Partners

For this, we need MD Partners and MD Single Logo Element

Step 1: Add MD Partners Element

Step 2: Append the new Element MD Single Element Logo

  1. Add your logo in the image section

Step 3: Edit the row and set the below properties.

  1. Title color: #fffff
  2. Row Title:    As Featured In
  3. Row Type: Full width-content center
  4. Background Color: #4357cf

__________________________________________________________________________________________________________________________

Congratulations!

You have created your MedicalPro with WPBakery successfully

364 views