If you can’t place buttons throughout the email body or they stack/cut off on mobile, it’s usually because multiple elements are combined inside a single content block. Separating content into its own blocks and using columns gives you control over placement on desktop and mobile.
Step-by-step
- Split your content into separate blocks
Add images, text, and each button into their own content blocks (containers). Avoid putting the entire email into one block.
- Use columns for side-by-side layouts
Insert a 2-column content block where you want items side by side (e.g., two listings with buttons). Place each listing and its button in its own column. If an image spans both items, split it so each column has its own image.
- Place buttons where they belong
Add the button element inside the relevant column under the content it relates to. This allows buttons to appear mid-body, not only at the bottom.
- Set a suitable content width
In the Body settings, set your desired desktop body width. 600px is a good starting point; go wider if you prefer.
- Preview desktop and mobile
On desktop, columns appear side by side; on mobile, they will stack vertically. Use the mobile editor to make fine adjustments if required.
Troubleshooting
- If a button is cut off or its link seems unclickable on mobile, ensure it sits in its own content block/column rather than inside one large, combined block.
- If spacing or alignment looks off on mobile, fine-tune in the mobile editor after setting up columns.