Introducing New Widgets for Products and Plans in Version 13.5
Introduction
Now that you've meticulously crafted your products and plans within eDirectory (and if you haven't, our guide here: Products and Plans will walk you through it), the next crucial step is to effectively present these enticing options to your prospective and current members. This article will guide you through the exciting new widgets available in the 'Pricing & Plans' section of the Page Editor, empowering you to showcase your offerings in visually appealing and informative ways.
Accessing the Widgets in the Page Editor:
- Navigate to the 'Design' section within your eDirectory Site Manager.
- Click on 'Page Editor' to begin customizing your website's layout and content.
- Locate and select the page titled 'Advertise With Us'. This is the ideal location to display the subscription plans and product offerings you've created for your members.
- To explore the available widgets, click on the "Add a widget" button. This will open our widget library, where you can find the new 'Pricing & Plans' section.
Introducing the 5 Powerful New Widgets in 'Pricing & Plans':
We've introduced five distinct widgets specifically designed to showcase your products and plans effectively:
a. Single Plan Cards:
This widget allows you to highlight one specific plan with focused attention. You have the flexibility to set a compelling preferred title and a concise description that appears above the plan card, immediately drawing the user's eye. Furthermore, you can customize the background color of the card to align with your website's branding, choose a neutral tone, or opt for a clean white background.
To implement this widget:
- Click 'Add Plan' within the widget settings.
- This will redirect you to the 'Select Plans' page, where you'll see all the plans you've previously configured in the 'Products & Plans' section.
- Select the specific plan you wish to display and click 'Add'.
Note: The "Select Plans" page will only display plans that have already been created and configured within the 'Products & Plans' area. If you haven't set up your plans yet, please refer to our instructional article: Products and Plans.
Further customization options for the Single Plan Cards widget include:
- Clicking the pencil icon ('Edit') on the added plan widget.
- Choosing the content alignment (either left or right) and utilizing the preview placeholder to visualize its appearance.
- Writing a compelling plan description of up to 220 characters, emphasizing its key benefits and suitability for your target clients.
- Selecting an engaging image that visually represents the plan and captures user interest.
- In the 'Plan Information' section, adding specific topics to detail the inclusions of the subscription, such as key features or advantages for sponsors (e.g., "Featured Listing," "Unlimited Articles," "Event Promotion").
Once you've tailored the widget to your liking, click 'Save Changes' on the widget itself, and then click 'Save Changes' in the top right corner of the Page Editor to finalize its placement on the 'Advertise with us' page.
b. Pricing & Plans Cards:
This widget offers a familiar structure, similar to the previous 'Pricing & Plans' widget, but now seamlessly integrates your newly created subscription packages. This allows sponsors to easily compare the inclusions of different plans at a glance (e.g., "Bronze Plan: 1 Listing, 5 Classifieds," "Gold Plan: 3 Listings, Unlimited Classifieds, 2 Events"). It also displays the specific features associated with each product within the plan (e.g., "Listing includes: Photo Gallery (10 images), Basic Description").
Customization options include:
- Editing the Title, Description, and Background Color as with other widgets.
- Selecting the specific plans you wish to display by clicking 'Add Plan' and choosing from your created plans.
- Arranging the order of the plans using the intuitive drag-and-drop icon.
- Highlighting popular plans by clicking the star icon.
- Removing a plan from the widget if needed using the bin icon.
Remember to click 'Save Changes' on the widget and then 'Save Changes' at the top of the page to confirm the widget's position.
c. Pricing & Plans Cards with Custom Description:
This widget provides the flexibility to display your subscription plans alongside unique, tailored descriptions for each plan.
Customization options include:
- Editing the Title, Description, and Background Color.
- Clicking 'Add Plan', selecting the desired plan, and clicking 'Next'. This will open a custom description card where you can write a detailed explanation of up to 440 characters for that specific plan.
- You can revisit and edit these custom descriptions at any time.
- Arranging the order of the plans using the drag-and-drop feature and marking popular plans with the star icon.
Don't forget to 'Save Changes' on the widget and at the top of the Page Editor.
d. Pricing & Plans Cards with Topics (Type 1):
This widget allows you to display your subscription plans along with a concise list of key features or benefits presented as bullet points.
Customization options include:
- Editing the Title, Description, and Background Color.
- Selecting the plans you wish to display.
- Adding specific topics that will appear as bullet points on the front-end, allowing you to highlight the most compelling inclusions of each plan without displaying every single product feature.
e. Pricing & Plans Cards with Topics (Type 2):
Building upon the previous widget, this option allows for a more structured presentation of features by enabling you to create main topics with distinct labels and then add subtopics under each. This is ideal for creating different sections of features to highlight specific aspects of the products included within your subscription levels (e.g., Main Topic: "Listing Features," Label: "Included," Subtopics: "Photo Gallery (15 images)," "Detailed Description," "Contact Form").
Customization options mirror the other widgets:
- Editing the Title, Description, and Background Color.
- Selecting the plans to be displayed.
- Adding topics with their corresponding labels and associated subtopics, which will be displayed in a clearly organized manner on the front-end.
As with all widgets, remember to click 'Save Changes' on the widget and then 'Save Changes' on the Page Editor to finalize its placement.
Conclusion
If you have any questions or require further guidance on utilizing these new widgets to showcase your products and plans, please do not hesitate to contact our dedicated support team at support@edirectory.com. We are always ready and happy to help you succeed!