Want to make your ticket descriptions more visually appealing? You can wrap text around an image directly in your ticket’s content area. This is a great way to feature guest speakers, highlight event perks, or simply make your page more engaging.
Here’s how to do it:
⚙️ Add Your Image and Description Text
-
Go to Tickets > Event Tickets > Modify Tickets.
-
Click on the ticket you want to edit.
-
Scroll down to the Ticket Details content box.
-
Add your image and description text directly into the editor.
-
Click on the image—when the toolbar appears, choose Inline.
- It will look like this ⬇️
đź’» Open the HTML View
-
In the Ticket Details toolbar, click the
<>HTML code icon (next to the undo arrow).
-
Look for a section of code that looks similar to this:
<p style="text-align: justify;">
<img src="https://your-image-url.jpg" style="width: 300px;" class="fr-fic fr-dii">
Your descriptive text goes here...</p>
💡Your image URL will be different than the one shown here—no need to change it unless you're replacing the image.
🧾 Update the Image Style for Text Wrapping
-
Replace the current image style:
style="width: 300px;"
With this:
style="float: left; margin: 0 15px 15px 0; width: 300px;"⚠️ Make sure you're using straight quotes (" "), not curved “fancy” ones copied from a formatted document. Curly quotes can break the code.
âś… Save and Preview
-
Click outside the code box to save your changes.
-
Click the
<>icon again to return to normal view. -
Load your ticket page to preview your wrapped image and text layout.
đź“Ś Additional Notes
-
This technique works regardless of whether your ticket includes a discount code.
-
Formatting may appear slightly different depending on screen size.
[Insert Info Callout here] We recommend previewing your ticket on the actual device your guests will be using—whether that’s mobile, desktop, or tablet—for the best result.