Modules
Modules are embeddable components you can add to your storefront through the Layout Editor. Each module serves a specific purpose and can be configured to match your store’s needs.
Available modules
| Module | Description | Key settings |
|---|---|---|
| Donation Goal | Progress bar toward a fundraising target | Goal amount, current amount, whether to show the progress bar |
| Community Goal | Tracks a community goal like total purchases | Goal type, target value, current progress |
| Recent Payments | Live feed of recent purchases | Number of payments, display mode, whether to show amounts and usernames |
| Featured Package | Highlights specific packages prominently | Package IDs, banner image, placement style |
| Gift Cards | Gift card purchasing and balance checking | Min/max amounts, button layout, balance checker toggle |
| Live Server Status | Shows your Minecraft server status in real time | Server IP, refresh interval, player count display |
| Top Customer | Displays the top spender for a time period | Period (weekly/monthly/all time), avatar display, amount visibility |
| My Purchases | One-click entry point for customers to their purchase history page, where they can view orders and manage subscriptions | Button layout |
Adding a module via the layout editor
In the layout editor, click Add Section and choose the Module section type. Select the module from the dropdown, fill in its configuration, drag it to position, and save.
Modules inherit your store’s theme colors automatically — no need to configure colors per module.
The Live Server Status module needs a valid server IP. If the server is offline, the module shows an offline status rather than hiding itself.
Embedding a module from a custom Liquid template
If you’ve built a custom Liquid template, you can drop the same React modules into your markup with the {% module %} tag:
{% module recent_payments limit:8 %}
{% module donation_goal %}
{% module live_server_status show_players:true %}
{% module featured_package package_id:"abc-123-def" %}The module reads its store-configured defaults first; any props you pass override them. This lets you reuse one module configuration across the layout editor and your custom template, or override per-template if you need different settings on different pages. See the {% module %} reference in the custom templates doc for the full prop syntax.
Module-specific settings
Most modules also have a dedicated configuration page under Dashboard > Modules where you set their global defaults (e.g. the donation goal target, the gift card amount presets). These defaults apply whenever a module is rendered without explicit overrides — both in the layout editor and via {% module %} in custom templates.