In this article, we'll look at utilising the 'Prompt after order html' snippet to tailor the confirmation page for customers who've made purchases on your site. This feature allows you to add a variety of prompts such as upsells on merchandise or offers and discounts (for example on pre-show dining), or share information such as the interval drinks list to enhance customer experiences, or use it to convey a heartfelt 'thank you' message, showing appreciation for patrons valued support.
Customising your Confirmation Page
Here is an example of a confirmation page on both a laptop and mobile device.
Create your 'Prompt after order html' snippet
Go to Settings > Public Website Snippets.
1. Search and select ‘Prompt after order html’ snippet (left column).
2. Using the instructions below, edit our editable HTML template to add text, links and images.
3. The information in the prompt will display on the Order Confirmation page along the current information customers see, as Order Details and the Download Ticket button.
Important
The 'Prompt after order html' can only be set at the Account or Subdomain level; it cannot be customised at a Program / Show / Event level.
To see the full confirmation page (with the standard information plus the prompt) you'll need to put through a test order online for your account.
Editable Template
We've built a basic template with headline text in bold, paragraph text, hyperlink and image that you can customise for your own account.
HTML:
<p style="text-align:center;">
<b>Add your headline here in bold.</b>
Add your extra text here including a <a href="https://www.ticketsolve.com" target="_blank">hyperlink out</a> if you want to.<br>
<img src="https://dm7lxewn39lms.cloudfront.net/as-assets/vg73dcfwhllbtbx0e9l4tcp7z00z"></p>
And this is what this looks like online, so you can see what you're working with. The editable section is highlighted in the box.
Here are the editable sections broken down:
To customise the HTML template above, replace the sections we've highlighted below with your preferred text, hyperlinks or images. Leave the HTML code (punctuation) as is.
Text edits
1. Headline: Replace 'Add your headline here in bold' with the text you want to use for the headline. (<b>Add your headline here in bold.</b>)
2. Extra Text: Replace 'Add your extra text here including a if you want to.' with your own text.
(Add your extra text here including a <a href="https://www.ticketsolve.com" target="_blank">hyperlink out</a> if you want to.<br>)
Links
1. Add a Link: Replace https://www.ticketsolve.com with the URL you want to link to.
(Add your extra text here including a <a href="https://www.ticketsolve.com" target="_blank">hyperlink out</a> if you want to.<br>)
2. Display text: Replace 'hyperlink out' with the text that you want to display for the hyperlink.
(Add your extra text here including a <a href="https://www.ticketsolve.com" target="_blank">hyperlink out</a> if you want to.<br>)
3. Remove hyperlink: To remove the hyperlink, delete all of the following: <a href="https://www.ticketsolve.com" target="_blank">hyperlink out</a>
Images
If you want to add an image to the prompt you can either select from an existing image or add a new image.
Go to Settings > Subdomains
1. Click on the Subdomain you to upload the image to.
2. Click on the Uploads tab.
3. To select an existing image, search for the image you want using the search box.
4. To add a new image, upload the image you want to use using the upload box on the right.
5. Click the Additional options icon (3 dots) next to the image you want to use for your prompt.
6. Select (Copy image URL).
7. In your HTML template, paste the link you copied over 'https://dm7lxewn39lms.cloudfront.net/as-assets/vg73dcfwhllbtbx0e9l4tcp7z00z'
(<img src="https://dm7lxewn39lms.cloudfront.net/as-assets/vg73dcfwhllbtbx0e9l4tcp7z00z">
8. Remove Image: To remove the image, delete If don't want an image, delete all of the follow: <img src="https://dm7lxewn39lms.cloudfront.net/as-assets/vg73dcfwhllbtbx0e9l4tcp7z00z">
When your HTML template is customised and complete, you can preview what you have created in an HTML editor. Simply copy and paste your HTML into the editor to see the results.
To see the full confirmation page (with the standard information plus the prompt) you'll need to put through a test order online for your account.
Comments
Please sign in to leave a comment.