Once the site is connected, the editor has a MemberArea block category with eight blocks. Add one the same way you add any block: press the inserter, search for "memberarea", and pick one.
Blocks that sell
Checkout Button opens the memberarea checkout for one product. In the sidebar panel Checkout you pick the product and, if you like, your own Button label. Which price the checkout offers is decided in your memberarea, not here.
Product shows one product. Under Layout in the sidebar you choose between two options:
- Compact. Quantity and add to cart. is the default. It fills the cart; it does not open the checkout.
- Full. Image, price and options.
Cart shows a cart button with a dropdown of what the visitor has collected, and takes them to the checkout for all of it at once.
Course Catalogue lists your published courses with cover, description and price. A course only shows a price and a Buy now button if it can actually be bought, meaning a product in your memberarea grants that course. Courses without such a product are listed without either, which is useful when your catalogue mixes free and paid material. Tick Only courses that can be bought in the sidebar to hide the rest.
Verified Badge shows the verified badge of one of your courses, with its participants and lesson count, so anyone can check that the course is real.
Blocks for members
Member Login shows a sign-in button to visitors, and name, picture and a sign-out button to signed-in members. Under Signed in in the sidebar you choose which of these three appear.
My Courses lists the courses the signed-in member holds, each with its cover and its progress, and each linking straight into your memberarea.
Course Progress shows progress either across All courses of the member or for One course you pick, as a bar or a ring.
Picking what a block sells
Blocks that need a product, course or badge load the list straight from your memberarea while you edit. If the block shows a warning instead of a list, the connection is not working yet or the key is missing the View permission; the warning names the reason. If the list is empty, there is nothing to pick yet: create the product, publish the course or switch the course badge on in your memberarea first.
The lists show the same names you use in your memberarea, so what you pick in WordPress is what your buyers get.
On the page itself, a block without a selection or without a working connection shows nothing at all. The hints only appear in the editor.
Without the block editor
Every block has a shortcode twin, so the classic editor and page builders can
place them too, for example
[memberarea_checkout product="3f0b…" label="Join now"]. Put each shortcode on
its own line, except the checkout button, which also works inside a sentence.
Every shortcode, its attributes and all block options are listed in
Blocks and shortcodes reference.
What visitors load
Pages carrying the product, cart, checkout or course catalogue blocks load a small script from your memberarea, and the checkout opens in a frame served by your memberarea. Badge pages load a badge script that shows the badge in a frame from your memberarea. Course covers in My Courses and Course Catalogue, and profile pictures in Member Login, load straight from the memberarea image CDN.
On those pages a visitor's IP address and browser details reach your memberarea the same way they reach any embedded service, whether or not they are signed in. It is worth saying so in your privacy policy; the plugin adds suggested wording under Settings, then Privacy, on the Policy Guide tab.
If your site sends a Content Security Policy, allow scripts and frames from your memberarea domain and images from the memberarea CDN, or the blocks stay empty or broken.