Help center Responsive Pricing Table with WooCommerce products

Responsive Pricing Table with WooCommerce products

Updated on April 10, 2024

Responsive Pricing Table is a “display plugin” in the way that it allows to show “plans” in your posts/pages. 

There are a couple of ways that you could use this plugin on a WooCommerce site and we’re going to go through two of them in this short article.

Redirect visitors to product pages

This one is by far the easiest and for this you will simply need to get the URLs to your product pages and insert them in the your pricing plan’s button URL field. This way when a visitor clicks the plan’s button, they will be taken to a specific product.

Redirect visitors to checkout page with product in the cart

WooCommerce offers shortcodes to let you create add-to-cart buttons and generate add-to-cart URLs. These shortcodes output either a styled button or a URL only. These will take your visitors to the checkout page but also add a product to the cart.

We recommend using the add-to-cart-URL shortcode, you can read more about it on the WooCommerce documentation, it is very easy to implement.

[add_to_cart_url id="14"]

Simply replace “14” with the ID of the product you want to use in the pricing plan and paste the shortcode in the button URL field.

This is the end of this article, hopefully it will help some of you better integrate Responsive Pricing Table with WooCommerce. 

Useful links

Help center Layout/members per line issues/not working

Layout/members per line issues/not working

Updated on April 10, 2024

I’m choosing 3/4/5 members per line but I get 2

When building your team, you can choose a layout in the settings at the top right corner of the page (members per line). You can choose the number of members you want to show per line/row before a new line is created.

If you picked 3 or 4 for example and realize that what you get on the front end is different (2 columns) then you might be using a Page Builder/Visual Composer/Elementor (or anything else that helps you build pages with drag and drop through the use of widgets/components).

How to fix it

If it’s your case (if you’re using a Page Builder/Visual Composer/Elementor), make sure you are using a text/HTML widget when adding the shortcode to your page. These widgets can have different names depending on the framework, here’s a non-exhaustive list of what such a widget could be called:

  • Text
  • Raw HTML
  • Custom HTML
  • HTML
  • Shortcode
Help center Adding an email link (mailto) to Team Members

Adding an email link (mailto) to Team Members

Updated on April 10, 2024

How do I add an email link to a member?

The email link works just like the other ones (social/website links). Choose “Email” in the links drop-down menu and add the email address in the URL field. You can also provide some information in the title field that will show on hover (you could also insert the email address here in case your visitors want to see it).

Help center Randomize team members display

Randomize team members display

Updated on April 10, 2024

Displaying members in a random order

From version 5.2.0 of the Team Members and Team Members PRO plugins it is now possible to randomize the order in which your team members will display on the page. 

In order to change the display order of your team members, adjust the Display order setting on the top right corner of the admin panel when editing a team. You will be able to pick one of these two options: Default and Random.

Help center Getting your member photos to display nicely

Getting your member photos to display nicely

Updated on April 10, 2024

Make all your photos the same size

The best way to overcome any display issue with your photos (photos showing in rectangle shapes while other are square shaped) is to crop your images so they all have the same dimensions

They can all be rectangles or squares, what matters is that they are all the same size. This will ensure proper display and improved support for all screens and devices.

What are good dimensions

There’s no rule as long as they’re all the same. We find that 500 x 500px works very nicely with the plugin but your photos’ size is entirely up to you.

Help center Get started with Team Members

Get started with Team Members

Updated on April 10, 2024

Installing the plugin

If you have any trouble installing the PRO plugin, search for “pro plugin” in the search bar above and check out our article.

Create a new team

  • Go to the Teams tab in your WordPress admin panel and click Add New.
  • When editing your first team, simply scroll down the page and click the Add a member button.
  • Add any number of members by clicking this button again.
  • You can re-order your members by clicking the up and down arrows next to each member’s name.
  • Preview instantly your team without changing/refreshing the page by clicking the Instant preview button on the top right corner of the editor’s handle.
  • Adjust the settings to your liking (top right corner of the screen).
  • Save your team and copy-paste the shortcode into any post/page.

Find the shortcode

  • Click on the Teams tab in your WordPress admin menu, your shortcode should be in the list on the right.
  • You can also find it while editing a team, on the right side of the screen.

Fields

  • Firstname
  • Lastname
  • Description/bio– write something about your team members.
  • Picture – upload a picture.
  • Social links – add up to three links (5 in PRO version).
  • [PRO] Hide member – check this box to hide this member from the team.
  • [PRO] Color – per member.
  • [PRO] Hover picture – upload a picture that will replace the first one on hover.
  • [PRO] Complementary info title – shows a link to display more info when clicked.
  • [PRO] Complementary info text – text that will appear when clicking the title.

Settings

  • Number of members to show per line – from 1 to 5
  • Color – (Pro version has “per member” colors).
  • Display order – choose between default or randomized ordering.
  • [PRO] Picture shape – rounded, circular or squared, default is rounded.
  • [PRO] Enable/disable border for the pictures – yes or no.
  • [PRO] Picture position – floating at the top, inside the box or fullwidth.
  • [PRO] Picture filter – choose from vintage, black & white and saturated.
  • [PRO] Top colored border size – enter a value in pixels.
  • [PRO] Member equalizer – enable/disable the member equalizer, this will even out your members’ height automatically.

Pro features

  • [PRO] Import/export – Import members from one team to another.

Useful links

Help center Changing a shortcode’s slug/name

Changing a shortcode’s slug/name

Updated on April 10, 2024

I would like to change my shortcode’s name

When working on a new pricing table, team or tab set you’ll often duplicate an old entry to avoid having to start from scratch next time. When you do so, your new item might have a shortcode name that looks something like “my-old-entry-copy“. 

In order to fix this, you simply need to edit the post’s slug.

Updating a post’s slug

Updating a post’s slug can be done from the editor (this works for pricing tables, tab sets and teams).

  • When editing an entry, click “Screen Options” at the top of the page.
  • Tick the “Slug” checkbox if not already ticked.
  • Scroll to the bottom of the page and look for the “Slug” section, this is where you can edit the shortcode’s name.
  • Don’t forget to save and update all instances of this shortcode in your posts with the new name.
Help center Duplicate a team/pricing table/tab set/others

Duplicate a team/pricing table/tab set/others

Updated on April 10, 2024

I want to duplicate my team/pricing table/tab set

Some users have inquired about duplicating teams (Team Members plugin), pricing tables (Responsive Pricing Table plugin) and asked if we would be adding such a feature to our plugins.

We have chosen not to implement this because other plugins are already doing it very well (no need for the extra weight, especially since most users will not need it).

The quickest way to duplicate any content

Duplicating posts/custom posts (such as teams, tabs, testimonials) is very easy, just get the following plugin: 

  • Install & activate Post duplicator from your dashboard
  • Go to your Team/Pricing Table/Any post type list
  • Click the Duplicate button below the entry title
Help center How to install my PRO plugins?

How to install my PRO plugins?

After your purchase at WP Darko

After you place your order on WP Darko, you will automatically receive your download link(s) by email. If you didn’t receive anything, please submit a request, we will help you.

You’ll be able to download a .zip file of the item(s) you purchased. When this is done, you can install the item(s) from your WordPress admin panel following these simple steps:

  • Click the Plugins tab
  • Click Add New and at the top click Upload plugin
  • Locate your .zip file and click Install
  • Activate your plugin

I currently have the Free version installed

If you have a Free version already installed, the PRO version will take care of everything for you. It will replace the Free one and deactivate it. You can delete the Free version anytime (before or after the PRO install). No data loss.

If you cannot find an answer to your question, please contact us using the purple widget below!

Copyright © 2014 - 2020 WP Darko | WPDarko.com | Powered by WordPress