How to add the Rentle online store to your WordPress website using the Rentle WordPress plugin
If you have a WordPress website or are considering setting one up, adding Rentle to your website is easy with Rentle's WordPress plugin.
If you don't have a Rentle account, Create your free Rentle store from here.
To start using the plugin, follow these steps:
- Go to the plugin section in WordPress and search for Rentle. Install and activate the plugin by pressing the button in the top right corner.
- Go to WordPress to an existing page or create a new one.
- Click on Add section and either use Gutenberg blocks to add the Rentle shop block or a shortcode. The needed shortcode is [rentle_shop].
Using Gutenberg blocks
Only shop id is mandatory in order to use the Rentle WordPress plugin. To embed a product, shop, location, category, and product must be defined.
The shop id can be found from your own Rentle Account (my.rentle.shop) -> Account -> Domains -> Main URL ending.
Your shop id is the Main URL ending. As an example, in the screenshot below, the shop id would be testshop123
- Location id is the name of the location you want to specify the plugin to use. It can be found in the URL of your online store when you have chosen the location. See the example below.
- Category id is the id of the category you want to show. You can find it:
- Through your Rentle Account (my.rentle.shop) > Products > Categories. the ID is in the selected category's URL. See the example below.
- Through your online store (rentle.store/YOURSTORENAME > Choose location > choose the category. The ID is in the selected category's URL. See the example below.
1. Rentle Account: https://my.rentle.shop/products/categories/6ZVdo1rlR1x13rGgXssB
2. Online store: https://rentle.store/johnsrentals/l/therentalshop/shop?category=6ZVdo1rlR1x13rGgXssB
- Product id is the id of the specific product you want to show. You can find it from your Rentle Account (my.rentle.shop) > Products. The ID is in the selected product's URL. See the example below.
- Padding is the amount of vertical padding of the shop block. It can be one of the following: no-padding, small-padding, medium-padding, or large-padding
- Under the Advanced section, there is a possibility of defining additional CSS classes applied to the Rentle shop block.
The attributes of the shortcode uses are:
- class => if you want to wrap the element to a custom class
The shortcode attributes are the same as those used for the Gutenberg blocks.