Posted on

How to create a real estate website for your hometown – step 19

Step 19: Polish website with WooCommerce paid plugins

Until this step, the website is looking great without any paid plugins. We can customize the website easily with some of the WooCommerce paid plugins.

A list of WooCommerce paid plugins that I will install are:

  1. Storefront Blog Customizer
  2. PowerPack
  3. Membership
  4. Subscriptions
  5. Pricing Table

Storefront Blog Cusomizer allows you to change layout for Post. While you can change layout for Page without any custom coding or plugin, you won’t be able to do so for Post. So we are going to install Storefront Blog Customizer to do so for Post.

A default layout usually comes with a ‘sidebar’, which is a list of links on the left or right. When you change ‘page template’, you can change layout to full width without these links on the left or right. That’s what Blog Customizer can do for yout ‘posts’.

Next, I would install PowerPack to further customize navigation, header, homepage, and footer.

Install Woocommerce Membership and Subscriptions plugins

Until this step, we have everything ready. The website looks professional and users can browse through the houses. At this moment, I am inserting house listings through the wp-admin dashboard. Next, we will allow the users to submit listings. Before we allow them to submit listings, we will want them to pay. So here, Woocommerce Membership and Subscriptions plugins make the payment process very easy.

Now I would install them first, then I will show how you can configure it.

Video: installing membership and subscription plugins.

Membership:

Now we will add a membership. By adding a membership, we let only paid members to access certain pages according to their membership.

Here I create three pages for three membership plans: silver, gold, diamond.

for silver member, he can use silver page; gold member can use gold page; diamond member can use diamond page.

Video: create memberships

Then I will use plugin ‘Nav Menu Role’ and ‘Na menu role Woocommerce bridge’ to control which members can see which links and therefore which page.

Video: Control menu link visibility

Subscriptions:

The Subscriptions plugin allows a user to pay every month. Without this plugin, we can still charge the customer using the built-in payment tool such as Stripe and PayPal, but is only once. With this plugin installed, the customer will be automatically billed in every billing cycle.

I created three subscription plans: $129/month; $249/month; $399/month. To do so, I go to ‘Products’, ‘Add’ and added three products: A Silver membership that’s $129/month; a Gold membership that’s $249 per month, and a Diamond membership that is $399 per month.

Note that when I add a subscription product, in visibility section, I select ‘hidden’ so that the ‘subscription plan’ category will not show up in the Shop page, which is listings of all houses.

Plugin: Pricing table

With thee above three products, I have a product id for each.  Now I will install Pricing Table plugin. With that I can use short code to create a pricing table. When using the short code, I type the product id in the short code. I insert this in the ‘List Rental’ page.

With these three plugins from WooCommerce, everything is ready for us to charge the customers. Next we will activate Stripe so the credit card payment will go to our bank accounts.

Install Formidable Form.

A form will allows people to submit house listing.  It allows the website content to be generated by users.

Here we will install Formidable Pro. It is a paid plugin.

Creating a form mapping Woocommerce products takes a little more time. We also need to insert some codes here. This is your once your time time to become a one-day copy and paste developer.  So, just copy and paste the code I put here and put it in your wpadmin dashboard. That’s it.

Final roundup:

So we use 4 paid plugin here:

  1. Woocommerce Membership
  2. Woocommerce Subscriptions
  3. Woocommerce Powerpack
  4. Formidable Pro

Step 19: Polish website with WooCommerce paid plugins

Until this step, the website is looking great without any paid plugins. We can customize the website easily with some of the WooCommerce paid plugins.

A list of WooCommerce paid plugins that I will install are:

  1. Storefront Blog Customizer
  2. PowerPack
  3. Membership
  4. Subscriptions
  5. Pricing Table

Storefront Blog Cusomizer allows you to change layout for Post. While you can change layout for Page without any custom coding or plugin, you won’t be able to do so for Post. So we are going to install Storefront Blog Customizer to do so for Post.

A default layout usually comes with a ‘sidebar’, which is a list of links on the left or right. When you change ‘page template’, you can change layout to full width without these links on the left or right. That’s what Blog Customizer can do for yout ‘posts’.

Next, I would install PowerPack to further customize navigation, header, homepage, and footer.

Install Woocommerce Membership and Subscriptions plugins

Until this step, we have everything ready. The website looks professional and users can browse through the houses. At this moment, I am inserting house listings through the wp-admin dashboard. Next, we will allow the users to submit listings. Before we allow them to submit listings, we will want them to pay. So here, Woocommerce Membership and Subscriptions plugins make the payment process very easy.

Now I would install them first, then I will show how you can configure it.

Video: installing membership and subscription plugins.

Membership:

Now we will add a membership. By adding a membership, we let only paid members to access certain pages according to their membership.

Here I create three pages for three membership plans: silver, gold, diamond.

for silver member, he can use silver page; gold member can use gold page; diamond member can use diamond page.

Video: create memberships

Then I will use plugin ‘Nav Menu Role’ and ‘Na menu role Woocommerce bridge’ to control which members can see which links and therefore which page.

Video: Control menu link visibility

Subscriptions:

The Subscriptions plugin allows a user to pay every month. Without this plugin, we can still charge the customer using the built-in payment tool such as Stripe and PayPal, but is only once. With this plugin installed, the customer will be automatically billed in every billing cycle.

I created three subscription plans: $129/month; $249/month; $399/month. To do so, I go to ‘Products’, ‘Add’ and added three products: A Silver membership that’s $129/month; a Gold membership that’s $249 per month, and a Diamond membership that is $399 per month.

Note that when I add a subscription product, in visibility section, I select ‘hidden’ so that the ‘subscription plan’ category will not show up in the Shop page, which is listings of all houses.

Plugin: Pricing table

With thee above three products, I have a product id for each.  Now I will install Pricing Table plugin. With that I can use short code to create a pricing table. When using the short code, I type the product id in the short code. I insert this in the ‘List Rental’ page.

With these three plugins from WooCommerce, everything is ready for us to charge the customers. Next we will activate Stripe so the credit card payment will go to our bank accounts.

Until this step, the website is looking great without any paid plugins. We can customize the website easily with some of the WooCommerce paid plugins.

A list of WooCommerce paid plugins that I will install are:

A list of WooCommerce paid plugins that I will install are:

  1. Storefront Blog Customizer
  2. PowerPack
  3. Membership
  4. Subscriptions
  5. Pricing Table

Storefront Blog Cusomizer allows you to change layout for Post. While you can change layout for Page without any custom coding or plugin, you won’t be able to do so for Post. So we are going to install Storefront Blog Customizer to do so for Post.

A default layout usually comes with a ‘sidebar’, which is a list of links on the left or right. When you change ‘page template’, you can change layout to full width without these links on the left or right. That’s what Blog Customizer can do for yout ‘posts’.

Next, I would install PowerPack to further customize navigation, header, homepage, and footer.

Install Woocommerce Membership and Subscriptions plugins

Until this step, we have everything ready. The website looks professional and users can browse through the houses. At this moment, I am inserting house listings through the wp-admin dashboard. Next, we will allow the users to submit listings. Before we allow them to submit listings, we will want them to pay. So here, Woocommerce Membership and Subscriptions plugins make the payment process very easy.

Now I would install them first, then I will show how you can configure it.

Video: installing membership and subscription plugins.

Membership:

Now we will add a membership. By adding a membership, we let only paid members to access certain pages according to their membership.

Here I create three pages for three membership plans: silver, gold, diamond.

for silver member, he can use silver page; gold member can use gold page; diamond member can use diamond page.

Video: create memberships

Then I will use plugin ‘Nav Menu Role’ and ‘Na menu role Woocommerce bridge’ to control which members can see which links and therefore which page.

Video: Control menu link visibility

Subscriptions:

The Subscriptions plugin allows a user to pay every month. Without this plugin, we can still charge the customer using the built-in payment tool such as Stripe and PayPal, but is only once. With this plugin installed, the customer will be automatically billed in every billing cycle.

I created three subscription plans: $129/month; $249/month; $399/month. To do so, I go to ‘Products’, ‘Add’ and added three products: A Silver membership that’s $129/month; a Gold membership that’s $249 per month, and a Diamond membership that is $399 per month.

Note that when I add a subscription product, in visibility section, I select ‘hidden’ so that the ‘subscription plan’ category will not show up in the Shop page, which is listings of all houses.

Plugin: Pricing table

With thee above three products, I have a product id for each.  Now I will install Pricing Table plugin. With that I can use short code to create a pricing table. When using the short code, I type the product id in the short code. I insert this in the ‘List Rental’ page.

With these three plugins from WooCommerce, everything is ready for us to charge the customers. Next we will activate Stripe so the credit card payment will go to our bank accounts.

Install Formidable Form.

A form will allows people to submit house listing.  It allows the website content to be generated by users.

Here we will install Formidable Pro. It is a paid plugin.

Creating a form mapping Woocommerce products takes a little more time. We also need to insert some codes here. This is your once your time time to become a one-day copy and paste developer.  So, just copy and paste the code I put here and put it in your wpadmin dashboard. That’s it.

Final roundup:

So we use 4 paid plugin here:

  1. Woocommerce Membership
  2. Woocommerce Subscriptions
  3. Woocommerce Powerpack
  4. Formidable Pro
  1. Storefront Blog Customizer
  2. PowerPack

Storefront Blog Cusomizer allows you to change layout for Post. While you can change layout for Page without any custom coding or plugin, you won’t be able to do so for Post. So we are going to install Storefront Blog Customizer to do so for Post.

A default layout usually comes with a ‘sidebar’, which is a list of links on the left or right. When you change ‘page template’, you can change layout to full width without these links on the left or right. That’s what Blog Customizer can do for yout ‘posts’.

Next, I would install PowerPack to further customize navigation, header, homepage, and footer.