Introduction
Ensuring your usheru Select widget is mobile-optimised can significantly increase engagement and conversions. While the widget is designed to be responsive, a few small implementation details can make it look and perform even better on mobile.
Steps
Ensure you have followed the steps outlined in our article here for general widget optimisation.
Use a full-width container - We recommend placing the widget inside a container that stretches across the full width of the screen to avoid cutoff or awkward alignment:
<div id="tickets" style="width:100%;max-width:100%;margin:0 auto;">
<script src="https://select.usheru.com/..."></script>
</div>
Allow flexible height
Avoid fixed-height sections that restrict the widget’s visibility. Some website builders like Wix or Squarespace restrict section heights, so it’s key to make sure the section can grow dynamically — don’t set a fixed height.
If the widget appears cut off, use:
#tickets {
min-height: 600px; /* or auto */
}
Avoid iFrames when possible
If however the widget must be inside an iframe (some CMSs do this automatically), the height needs to be dynamic, not fixed as otherwise, the widget will scroll inside a tiny box. Ask your developer to ensure the iframe expands to fit the content or is manually sized with enough height (e.g. 800–1000px) to avoid any issues.
Prioritise a smooth anchor scroll experience
If using the anchor link #tickets to scroll users to the widget, make sure:
html {
scroll-behavior: smooth;
}
#tickets {
scroll-margin-top: 80px; /* to account for a fixed header */
}
This will ensure that users land cleanly at the top of the widget rather than halfway down.
Keep the layout clean
Avoid large banners or heavy elements directly above the widget. Clean spacing and consistent background colours make the widget feel integrated and professional.
Check CTA button sizes and touch spacing
Make sure your “Get Tickets” or “Book Now” button is large enough to tap easily — at least 44px height and plenty of padding.
Prioritise loading performance
The usheru widget loads dynamically, so reducing other scripts and heavy assets helps it appear faster.
Encourage lazy-loading non-critical images below the fold so the widget is interactive sooner.
Summary
A well-optimised mobile experience helps users find showtimes and purchase tickets quickly from your usheru Select widget without friction. By ensuring your usheru Select widget is full-width, flexible, and fast-loading, you’ll create a seamless experience that converts more mobile visitors into paying audiences.