Creating a Feature Loop and Layout
Goal
By the end of this tutorial you will have a custom layout that dynamically displays membership plan features using the Divi Library and the Membership Item module (or equivalent loop and item modules).
Prerequisites
- Divi theme and Divi Membership installed and configured.
- At least one membership plan with features (or feature list) defined.
- Familiarity with Divi’s layout and module options.
Steps
- Create or choose a layout — In Divi, create a new page or use a template. Add a section/row where you want the plan features to appear.
- Add the loop and item modules — Use the appropriate Divi loop structure (e.g. Blog or custom loop) and the Membership Item module (or the module that displays a single plan’s details) so each “item” in the loop is one plan’s feature set.
- Configure the loop source — Point the loop to your membership plan data so it iterates over plans (or over features of a single plan, depending on how your layout is designed).
- Style the layout — Use Divi design options to style the feature list (spacing, typography, icons) so it matches your pricing or sales page.
- Preview and test — View the page as a visitor and as a logged-in user to ensure features display correctly for each plan.
Verification
Confirm that changing the plan or viewing different plans updates the feature list accordingly, and that the layout looks correct on different devices.
What's Next
- Creating a pricing page — Build a full pricing page with plans and register buttons.
- Membership Item module — Module reference for displaying a single plan.
- Feature Overview — Account, trials, coupons, and other features.