Chapter 13 · Your website
Mankai widgets in Elementor
Elementor is a free plugin that lets you build pages by dragging pieces onto them. Mankai adds its own pieces, called widgets, such as your session packages.
This lesson installs Elementor and adds a page that shows three of your session types with a Book now button.
Have this ready
- At least three session types, made in Make a session type.
Step by step
Get there
Press the small arrows button next to the gear. It shows the WordPress menu.
Press Plugins.
Press Add Plugin.
Install Elementor
Type
Elementorin the search box.Press Install Now on the Elementor Website Builder card.
Press Activate.
Elementor opens a setup screen you do not need. Press the × at the top right to close it.
Make a page
Press Pages in the WordPress menu.
Press Add Page at the top.
Click Add title and type
Our Sessions.If a box called Choose a pattern opens first, press its × to close it.
Press Edit with Elementor at the top.
Add the Mankai widget
Type
Mankaiin Search Widget on the left.Drag Mankai Packages onto the dotted area on the page.
The widget appears on the page, with its settings on the left.
The sentence on the page is only for you, while you edit. Visitors never see it.
Open the Source list and choose Chosen session types.
Click the Session types box and pick Portrait Session, Mini Session and Family Session.
Your three session types appear as cards, with prices and a Book now button.
Publish the page
Press Publish at the top right.
The Publish button turns grey. That means your page is live.
Press Have a look in the box at the bottom left.
Visitors see your session cards in your theme's look.
You're done when
Your Our Sessions page is live, and the cards update when you change a session type in Mankai. Elementor stays installed for your next page.
If something's not right
I do not see Mankai widgets
Mankai needs Elementor 3.18 or newer. Update Elementor under Plugins, then open the page again.
Elementor shows an Upgrade Now note
That is an offer for Elementor Pro. The free Elementor and the Mankai widgets work without it.
Can I add the inquiry form too?
Yes. Search for Mankai again and drag Contact Form onto the page.