Show and Hide Tickets Through Limited Display Links
The Limited Display Codes feature allows you to share a link that shows specific ticket types and hides the others. Since the other ticket types are hidden, registrants can only buy available tickets on the page. This can also avoid confusion, especially if you sell many ticket types.
When Do I Use this Feature?
Use this if you have many ticket types for different audiences (e.g., attendees, VIPs, speakers, sponsors, exhibitors, or staff with different access like in-person, virtual, or hybrid) and you don't want them to mistakenly get a ticket that's not meant for them. You can give them a link that shows only the tickets they are supposed to choose from.
Normal Landing Page View | Limited Display Link View for VIPs |
| 
|
Create Limited Display Codes
Go to Registrations > Discount & Access Codes
Click + Create New Code or Link
Select Limited Display code
Select the ticket types and add-ons to be displayed when the link is accessed. Everything else not selected will be hidden from the registrants' view.
Click Next
Add a Code Name for your limited display link (must be one word, no spaces, no special characters)
Click Create
You can now share the limited display link with your selected guests to buy the available tickets and add-ons on display.
Notes:
Applying the limited display code on the landing page through the "Have an access code?" button will not work. This feature will only work using the limited display link.
If a ticket type is associated with both an access code and a limited display code, it will not be displayed when the limited display link is accessed; it will only appear if the access code is applied.
If an access code is applied while accessing a limited display link, it will not work if the ticket associated with the access code is not associated with the limited display link. It will only work if at least one of the tickets is associated with the access code and limited display link; this will show the associated ticket to both.
Give Limited Display Links
Click the 3 dot menu on the code while in the Limited Display Link tab
Click Copy Link
Upload Limited Display Codes
If you have a list of code names, upload them as a CSV file instead of adding them individually. Add all the codes in one column, one code per row, with Limited Display Code as the column label.
Limited Display Link With Access Code
If you have tickets under an access code and a limited display link, you can have the link automatically apply the access code. This way, your registrant's next step after accessing the link is to select the ticket.
To make this work, add &access=theaccesscode at the end of the limited display link
Example:
Limited Display Link with Discount Code
If you want a discount code to automatically apply when a ticket is purchased through a limited display link, a Javascript must be added to your page to automatically apply the discount code if the discount code is present in the link, then you'll need to append the limited display link to have the discount code at the end of it. It will also work if you have a limited display link with an access code and a discount code.
To make this work, add &discount=yourdiscountcode at the end of the limited display link.
Example of Limited Display Link with discount code:
Example of Limited Display Link with an access code and discount code:
Then, add the Javascript below to your event
Go to Settings > Integrations
Click Add Custom Script for the Landing Page
Insert this script under Header Script and click Save
<script>
(function() {
function getUrlParameter(name) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(name);
}
function setInputValue(input, value) {
// Get the native setter
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
// Trigger native setter
nativeInputValueSetter.call(input, value);
// Create and dispatch necessary events
const events = [
new Event('input', { bubbles: true }),
new Event('change', { bubbles: true }),
new KeyboardEvent('keydown', { bubbles: true }),
new KeyboardEvent('keyup', { bubbles: true }),
new KeyboardEvent('keypress', { bubbles: true })
];
events.forEach(event => input.dispatchEvent(event));
}
function handleDiscountCodeAndButton() {
const discountCode = getUrlParameter('discount');
if (!discountCode) return;
const observer = new MutationObserver(function(mutations) {
const discountInput = document.getElementById('discountcoupon');
if (discountInput) {
// Only set if the value hasn't been set yet
if (!discountInput.value) {
console.log('Setting discount code:', discountCode); // Debug log
setInputValue(discountInput, discountCode);
}
// Look for apply button only after input has been set
if (discountInput.value === discountCode) {
const applyButton = document.getElementById('discoupon');
if (applyButton) {
console.log('Found apply button, clicking...'); // Debug log
applyButton.click();
observer.disconnect();
}
}
}
});
observer.observe(document, {
childList: true,
subtree: true,
attributes: true,
characterData: true
});
// Initial check
const discountInput = document.getElementById('discountcoupon');
if (discountInput && !discountInput.value) {
console.log('Initial attempt to set discount code:', discountCode); // Debug log
setInputValue(discountInput, discountCode);
// Check for apply button
const applyButton = document.getElementById('discoupon');
if (applyButton && discountInput.value === discountCode) {
console.log('Found apply button on initial check, clicking...'); // Debug log
applyButton.click();
observer.disconnect();
}
}
}
// Run when DOM is ready
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", handleDiscountCodeAndButton);
} else {
handleDiscountCodeAndButton();
}
})();
</script>
Other searches: LDL, LDC