Summary
Position settings live in the Settings tab.
Size settings live in the Styles tab.
These settings are defined at the container level.
Use these options to control on-page placement, width, height, and more.
When to Use It
Adjust message position and size when:
You want to change where the message appears on the screen
Your content looks cut off, too large, or poorly placed
You need a mobile-specific layout
How It Works
The Triptease Messages platform uses a modular builder. Message positioning and sizing are controlled by the overall container, not individual blocks or sections.
Key settings include:
Placement: Choose from preset on-page positions (e.g. bottom center, top right)
Size: Set width and height, or let the system auto-size based on content
Padding & Margins: Fine-tune spacing within and around the container
Step-by-Step Instructions
1. Open the Creative Builder
Click the pencil in the Creative Dashboard screen of your campaign, where your messages are listed.
2. Select the Container
Click directly on the outer edge of your message or click outside the image area to remove all selections.
3. Open the Settings Tab to Adjust Placement
Click the Settings tab.
Choose a preset position (e.g., top left, bottom center)
The center position will always create a full-screen message on a shaded grey background
Use the Preview function to check positioning
5. Adjust Size
Click the Styles tab.
To adjust manually, select pixels as the width or height setting and enter a value, or simply select the Container and drag a corner
Set both to auto to adjust container size automatically when you change the size of content Blocks
Use padding to create breathing room around your content
Pro Tips
Use Auto-size to avoid cutoff issues, especially on mobile
Stick to center-bottom placement for promotions and nudges
Preview both desktop and mobile after adjusting positioning
FAQs / Troubleshooting
Question: My message looks cut off—what’s wrong?
Answer: Try turning on auto-size in the container’s style settings, or manually make your container larger. Also check padding.
Q: Can I drag and drop to position a message?
A: Use the preset placement options in the Styles tab to define message position on your website.
Q: Why don’t size changes apply to my Call To Action button?
A: CTA size is controlled at the block level. Adjust it separately from the container.