Blocks are the individual sections that make up your Account Sidebar. You control which blocks are visible, what order they appear in, and how each one is configured. This article covers how to manage blocks from the Blocks tab.
Accessing the Blocks Tab
From your Shopify admin, open the Mage Loyalty app.
In the left menu, click Account Sidebar.
Click the Blocks tab at the top of the page.
You will see a list of all available blocks. Each block can be expanded to reveal its settings, toggled on or off, and dragged to a new position in the order.
Enable or Disable a Block
Each block has a toggle on the right side of its header row. Turning a block off hides it from the sidebar entirely; its settings are preserved, so you can re-enable it at any time without reconfiguring it.
In the Blocks tab, find the block you want to enable or disable.
Click the toggle on the right side of the block header to turn it on or off.
Click Save to apply the change.
ℹ️ Note
Disabling a block does not delete its settings. The block simply stops appearing in the sidebar until you re-enable it.
Required Blocks vs Optional Blocks
There are two types of blocks in the sidebar:
Required blocks: Sign In Settings and Loyalty Program Settings are always present. They cannot be deleted or reordered. They are locked at the top of the block list.
Optional blocks: all other blocks. These can be added, removed, reordered, and toggled on or off freely.
Add a Block
In the Blocks tab, click + Add in the top right corner of the block list.
Select the block you want to add from the dropdown menu.
The block appears at the bottom of the list. Drag it to your preferred position.
Expand the block to configure its settings, then click Save.
✅ Tip
You can add the same block more than once, for example, two Advertisement blocks to promote different offers, or two Call to Action buttons pointing to different pages. Each instance is configured independently.
Reorder Blocks
Hover over the block you want to move.
Click and hold the drag handle ( ⠿ ) on the left side of the block header.
Drag it to a new position and release.
Click Save
✅ Tip
Put your highest-value content at the top. Most customers will see the first one or two blocks before scrolling. Make sure the Loyalty Program block is near the top so customers can immediately see their points balance and rewards.
Configure a Block
Each block can be expanded to reveal its individual settings: titles, images, links, and other options, depending on the block type.
Click the down arrow on the block header to expand it and reveal its settings.
Make your changes and click Save at the bottom of the page.
Use the Preview panel on the right to see how your changes look before saving.
ℹ️ Note
Changes to block settings are not applied to your live storefront until you click Save. You can make adjustments across multiple blocks before saving them all at once.
Block Reference
Here is a summary of every available block and a link to its dedicated configuration guide:
Block | What It Shows Customers | Logged In Only? |
Loyalty Program | Points balance, VIP tier, lifetime points, and available rewards | Yes |
Wishlist | Customer's saved wishlist items with add-to-cart functionality | Yes |
Advertisement | A promotional banner with an image, title, description, and optional link | No |
Custom Links | Merchant-configured navigation links e.g. Contact Us, Subscriptions | No |
Call to Action | A prominent button with custom label text linking to any page | No |
Featured Products | A curated product grid pulled from a selected collection | No |
Saved From Cart | A product grid showing items the customer removed from their cart. | Yes |
Recently Viewed | A product grid showing items the customer has recently viewed. | No |
Referral Code | A block displaying the customer’s personal referral code that they can share with others. | Yes |
✅ Tip
Start with the Loyalty Program block. It is the core of the sidebar experience. Once that is configured, add supporting blocks like Advertisement or Featured Products to promote your products and drive additional engagement.
Common Mistakes to Avoid
⚠️ Common Mistake
Deleting a block instead of disabling it: deleting removes the block and its settings permanently. If you may want the block back, toggle it off instead.
⚠️ Common Mistake
Not saving after reordering or deleting: changes are not applied until you click Save.
⚠️ Common Mistake
Expecting logged-in-only blocks to show for all customers: blocks marked Logged In Only are invisible to customers who are not signed in.
Related Articles
🗨️ Still need help or can’t find the answers you’re looking for? Reach out to the Mage Loyalty team through our live chat support.