{"id":1896707,"date":"2019-10-18T13:19:55","date_gmt":"2019-10-18T17:19:55","guid":{"rendered":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/attendee-registration-page-template\/"},"modified":"2023-12-05T12:32:23","modified_gmt":"2023-12-05T17:32:23","slug":"customizing-attendee-registration-templates","status":"publish","type":"post","link":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/customizing-attendee-registration-templates\/","title":{"rendered":"Attendee Registration Templates"},"content":{"rendered":"\n<p>Our Attendee Registration page and modal options are&nbsp;designed to blend nicely with as many themes as possible. If you\u2019re looking to make some tweaks to make it look even better on your site, we\u2019ve got your back.<\/p>\n\n\n\n<p>Here\u2019s how to get the look you want with Event Tickets version 4.10.1 or higher.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ar-settings\">Start with the Attendee Registration settings<\/h3>\n\n\n\n<p>Your first stop should be the<strong>&nbsp;Tickets \u2192 Settings \u2192 Attendee Registration<\/strong>&nbsp;admin screen. Under the Attendee Registration template setting, you\u2019ll see a couple of default options:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"\/knowledgebase\/wp-content\/uploads\/2019\/10\/ar-modal-toggle.png\" alt=\"Attendee Registration settings and options\" class=\"wp-image-1943694\"\/><\/figure><\/div>\n\n\n<p>Enabling the registration modal will create a popup effect to complete the attendee registration before reaching the cart checkout page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"\/knowledgebase\/wp-content\/uploads\/2019\/10\/attendee-registration-modal-demo.png\" alt=\"The attendee registration modal appears as a pop-up box while dimming the background of the website.\" class=\"wp-image-1943695\"\/><\/figure><\/div>\n\n\n<p>The Attendee Registration page can be so left as our default page.&nbsp; Alternatively, using the shortcode lets you display the Attendee Registration on any post or page you&#8217;d like, and makes it easier to add in widgets or other layout elements.<\/p>\n\n\n\n<p>Depending on the theme you are using, you may see other page templates available. Take \u2018em for a spin and see how they look. If one stands out as the winner, save your changes and you\u2019re set!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"overrides-and-css\">Template Overrides and Custom CSS<\/h3>\n\n\n\n<p>If the template options mentioned above still need a few tweaks, you\u2019ll want to move on to template overrides and\/or custom CSS.\u00a0The same customizations should work whether you use the modal or the attendee registration page. For those comfortable writing a little code, our <a href=\"https:\/\/dev.theeventscalendar.com\/knowledgebase\/guide\/customization\/#customizing-templates\" target=\"_blank\" rel=\"noreferrer noopener\">Template Guide<\/a> is your new best friend.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>No coding chops? No worries. There are lots of <a href=\"https:\/\/dev.theeventscalendar.com\/knowledgebase\/k\/custom-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">reliable WordPress professionals<\/a> out there who can help you with custom development.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p>Sometimes you\u2019ll run into situations where you need to change or add CSS rules to your theme\u2019s stylesheet\u2014for example, there are thousands of WordPress configurations out there so you\u2019ll want to make sure the CSS rules in your theme don\u2019t conflict with the CSS rules in Event Tickets.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/dev.theeventscalendar.com\/knowledgebase\/k\/customizing-template-files-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Customizing Styles<\/a> guide (or the <a href=\"https:\/\/dev.theeventscalendar.com\/knowledgebase\/k\/customizing-template-files\/\" target=\"_blank\" rel=\"noreferrer noopener\">earlier views version<\/a>) walks you through the process. If you run into any trouble integrating your theme with Event Tickets Plus, drop by our <a href=\"https:\/\/support.theeventscalendar.com\/submit_ticket\" target=\"_blank\" rel=\"noreferrer noopener\">premium help desk<\/a> so we can try to help you out.<\/p>\n\n\n\n<p>\u26a0\ufe0f&nbsp;<strong>But please note:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Event Tickets&nbsp;and its add-ons will not integrate smoothly out of the box with every single theme out there. We will do our best to point you in the right direction,&nbsp;<strong><a data-ytta-id=\"-\" href=\"https:\/\/dev.theeventscalendar.com\/knowledgebase\/k\/what-support-is-provided-for-license-holders\/\" target=\"_blank\" rel=\"noopener noreferrer\">but we cannot provide extensive theme support<\/a><\/strong>.<\/li>\n\n\n\n<li>If you are wondering about theme compatibility, we recommend that you test your theme with our free core plugin before purchasing the Plus&nbsp;version.<\/li>\n\n\n\n<li>The <a href=\"https:\/\/dev.theeventscalendar.com\/knowledgebase\/k\/settings-overview-event-tickets-and-event-tickets-plus\/\" target=\"_blank\" rel=\"noreferrer noopener\">Attendee Registration Page<\/a> (using a shortcode on any page) overrides both the URL and template settings. This shortcode uses the page template set for the &#8220;shortcoded&#8221; page.&nbsp;Setting a page without the shortcode will result in falling back to the default functionality (the url and template selectors).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-template-overrides\">Template overrides<\/h2>\n\n\n\n<p>In order to create a template override of the attendee registration page, create a copy of <code>event-tickets\/src\/views\/blocks\/tickets\/registration\/content.php<\/code> and place it in&nbsp;<code>[your-theme]\/tribe\/tickets\/blocks\/tickets\/registration\/content.php<\/code>.<\/p>\n\n\n\n<p>For the modal, simply copy <code>event-tickets\/src\/views\/modal\/registration.php<\/code> into&nbsp;<code>[your-theme]\/tribe\/tickets\/modal\/registration.php<\/code>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Attendee Registration page and modal options are&nbsp;designed to blend nicely with as many themes as possible. If you\u2019re looking to make some tweaks to make it look even better on your site, we\u2019ve got your back. Here\u2019s how to get the look you want with Event Tickets version 4.10.1 or higher. Start with the&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[84],"tags":[16],"stellar-product-taxonomy":[156],"class_list":["post-1896707","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theming-overview","tag-attendee-registration","stellar-product-taxonomy-event-tickets-plus"],"acf":[],"taxonomy_info":{"category":[{"value":84,"label":"Templating &amp; Layout"}],"post_tag":[{"value":16,"label":"Attendee Registration"}],"stellar-product-taxonomy":[{"value":156,"label":"Event Tickets Plus"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"term_id":84,"name":"Templating &amp; Layout","slug":"theming-overview","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":24,"count":59,"filter":"raw","term_order":"0","cat_ID":84,"category_count":59,"category_description":"","cat_name":"Templating &amp; Layout","category_nicename":"theming-overview","category_parent":24}],"tag_info":[{"term_id":16,"name":"Attendee Registration","slug":"attendee-registration","term_group":0,"term_taxonomy_id":16,"taxonomy":"post_tag","description":"","parent":0,"count":11,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1896707"}],"version-history":[{"count":2,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896707\/revisions"}],"predecessor-version":[{"id":1958733,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896707\/revisions\/1958733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1896707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1896707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1896707"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/dev.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1896707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}