{"id":1896544,"date":"2019-10-18T13:19:25","date_gmt":"2019-10-18T17:19:25","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/changing-meta-field-labels-2\/"},"modified":"2026-04-16T13:36:09","modified_gmt":"2026-04-16T17:36:09","slug":"customizing-single-event","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/customizing-single-event\/","title":{"rendered":"Customizing the Single Event Page"},"content":{"rendered":"\n

Changing the “All Events” Back Link<\/h2>\n\n\n\n

The “All Events” link at the top of single event pages points by default to the main events archive. If you’ve built a custom events page using a page builder or the [tribe_events]<\/code> shortcode, you can redirect this link to any URL you choose.<\/p>\n\n\n\n

Option 1: Using a Filter (Recommended)<\/h4>\n\n\n\n

The URL is generated by the tribe_get_events_link()<\/code><\/a> function, which exposes a filter of the same name. Using the filter is the recommended approach because tribe_get_events_link()<\/code> is also used by other plugin features \u2014 a template override only changes the back link, while the filter changes all uses of the function.<\/p>\n\n\n\n

Add the following to your child theme’s functions.php<\/code> or via the Code Snippets<\/a> plugin:<\/p>\n\n\n

\nadd_filter( 'tribe_get_events_link', function() {\n    return '\/your-custom-url-here';\n} );\n<\/pre><\/div>\n\n\n
Option 2: Template Override<\/h4>\n\n\n\n
If you prefer a template override, the file to copy depends on which editor you are using.<\/p>\n\n\n\n
Block Editor:<\/strong> Copy:<\/p>\n\n\n
\n\/wp-content\/plugins\/the-events-calendar\/src\/views\/single-event\/back-link.php\n<\/pre><\/div>\n\n\n
to your theme at:<\/p>\n\n\n
\n[your-theme]\/tribe\/events\/single-event\/back-link.php\n<\/pre><\/div>\n\n\n
Locate this block:<\/p>\n\n\n
\n&lt;p class="tribe-events-back">\n    &lt;a href="&lt;?php echo esc_url( tribe_get_events_link() ); ?>">\n        &amp;laquo; &lt;?php printf( $label, $events_label_plural ); ?>\n    &lt;\/a>\n&lt;\/p>\n<\/pre><\/div>\n\n\n
Replace tribe_get_events_link()<\/code> with your custom URL:<\/p>\n\n\n
\n&lt;p class="tribe-events-back">\n    &lt;a href="&lt;?php echo esc_url( '\/your-custom-url-here' ); ?>">\n        &amp;laquo; &lt;?php printf( $label, $events_label_plural ); ?>\n    &lt;\/a>\n&lt;\/p>\n<\/pre><\/div>\n\n\n
Classic Editor:<\/strong> Copy:<\/p>\n\n\n
\n\/wp-content\/plugins\/the-events-calendar\/src\/views\/single-event.php\n<\/pre><\/div>\n\n\n
to:<\/p>\n\n\n
\n[your-theme]\/tribe-events\/single-event.php\n<\/pre><\/div>\n\n\n
Locate:<\/p>\n\n\n
\n&lt;p class="tribe-events-back">\n    &lt;a href="&lt;?php echo esc_url( tribe_get_events_link() ); ?>"> &lt;?php printf( '&amp;laquo; ' . esc_html_x( 'All %s', '%s Events plural label', 'the-events-calendar' ), $events_label_plural ); ?>&lt;\/a>\n&lt;\/p>\n<\/pre><\/div>\n\n\n
And replace it with:<\/p>\n\n\n
\n&lt;p class="tribe-events-back">\n    &lt;a href="&lt;?php echo esc_url( '\/your-custom-url-here' ); ?>"> &lt;?php printf( '&amp;laquo; ' . esc_html_x( 'All %s', '%s Events plural label', 'the-events-calendar' ), $events_label_plural ); ?>&lt;\/a>\n&lt;\/p>\n<\/pre><\/div>\n\n\n
SEO Note<\/h4>\n\n\n\n
When redirecting the “All Events” link to a custom page, the default \/events\/<\/code> archive will still exist and can be indexed by Google. To avoid duplicate content, set up a redirect from the default events URL to your custom page URL. Plugins like Redirection<\/a>, Rank Math SEO (free), and Yoast SEO (paid) all provide redirect management.<\/p>\n\n\n\n
Making Phone Numbers Callable<\/h2>\n\n\n\n
By default, venue and organizer phone numbers display as plain text on single event pages. Wrapping them in a tel:<\/code> link lets visitors tap to call on mobile devices.<\/p>\n\n\n\n
This requires a template override of the phone number templates. The files to copy depend on which editor you are using.<\/p>\n\n\n\n
Classic Editor<\/strong> \u2014 copy both files:<\/p>\n\n\n
\nplugins\/the-events-calendar\/src\/views\/modules\/meta\/organizer.php\nplugins\/the-events-calendar\/src\/views\/modules\/meta\/venue.php\n<\/pre><\/div>\n\n\n
to your theme at:<\/p>\n\n\n
\n[your-theme]\/tribe-events\/modules\/meta\/organizer.php\n[your-theme]\/tribe-events\/modules\/meta\/venue.php\n<\/pre><\/div>\n\n\n
Block Editor<\/strong> \u2014 copy both files:<\/p>\n\n\n
\n\/the-events-calendar\/src\/views\/blocks\/parts\/venue.php\n\/the-events-calendar\/src\/views\/blocks\/parts\/organizer.php\n<\/pre><\/div>\n\n\n
to your theme at:<\/p>\n\n\n
\n[your-theme]\/tribe\/events\/blocks\/parts\/venue.php\n[your-theme]\/tribe\/events\/blocks\/parts\/organizer.php\n<\/pre><\/div>\n\n\n
In both copied templates, find the line that outputs the phone number:<\/p>\n\n\n
\n&lt;?php echo esc_html( $phone ) ?>\n<\/pre><\/div>\n\n\n
Replace it with a tel:<\/code> link:<\/p>\n\n\n
\n&lt;a href="tel:&lt;?php echo esc_attr( $phone ) ?>">&lt;?php echo esc_html( $phone ) ?>&lt;\/a>\n<\/pre><\/div>\n\n\n
Keep the link wrapped in its existing dd.tel<\/code> tags so the final result looks like this:<\/p>\n\n\n
\n&lt;dd class="tel">\n    &lt;a href="tel:&lt;?php echo esc_attr( $phone ) ?>">&lt;?php echo esc_html( $phone ) ?>&lt;\/a>\n&lt;\/dd>\n<\/pre><\/div>\n\n\n
Making the Organizer Email a Mailto Link<\/h2>\n\n\n\n
By default, the organizer email address displays as plain text. Adding a mailto:<\/code> link lets visitors open a new email to the organizer directly from their email client.<\/p>\n\n\n\n
\"Organizer<\/figure>\n\n\n\n
This is a Classic Editor template override only. Copy:<\/p>\n\n\n
\nplugins\/the-events-calendar\/src\/views\/modules\/meta\/organizer.php\n<\/pre><\/div>\n\n\n
to:<\/p>\n\n\n
\n[your-theme]\/tribe-events\/modules\/meta\/organizer.php\n<\/pre><\/div>\n\n\n
Open the copied file and scroll to around line 55. Find:<\/p>\n\n\n
\n&lt;?php echo esc_html( $email ); ?>\n<\/pre><\/div>\n\n\n
Replace it with:<\/p>\n\n\n
\n&lt;a href="mailto:&lt;?php echo esc_attr( $email ) ?>">&lt;?php echo esc_html( $email ); ?>&lt;\/a>\n<\/pre><\/div>\n\n\n
Customizing the Event Website Link<\/h2>\n\n\n\n
By default, the event website field displays the raw URL on the single event page when using Classic Editor:<\/p>\n\n\n\n
\"The<\/figure>\n\n\n\n
\ud83d\udca1 If you are using the Block Editor<\/strong>, custom link labels are already supported natively \u2014 you can set the link text directly in the event editor without any code.<\/p>\n\n\n\n
The following customizations apply to Classic Editor<\/strong> mode.<\/p>\n\n\n\n
Change the URL to a Linked Word<\/h3>\n\n\n\n
Add the following to your child theme’s functions.php<\/code> or via the Code Snippets plugin. It replaces the raw URL with a “Visit Website \u00bb” label while keeping the link intact:<\/p>\n\n\n
\nfunction tribe_get_event_website_link_label_default( $label, $post_id ) {\n    $url = tribe_get_event_website_url( $post_id );\n    if ( $label === $url ) {\n        $label = 'Visit Website \u00bb';\n    }\n    return $label;\n}\n\nadd_filter( 'tribe_get_event_website_link_label', 'tribe_get_event_website_link_label_default', 10, 2 );\n<\/pre><\/div>\n\n\n
\"The<\/figure>\n\n\n\n
To open the link in a new window, also add:<\/p>\n\n\n
\nadd_filter( 'tribe_get_event_website_link_target', static function() {\n    return '_blank';\n} );\n<\/pre><\/div>\n\n\n
Change the URL to a Button<\/h3>\n\n\n\n
This snippet wraps the link in CSS classes so it can be styled as a button:<\/p>\n\n\n
\nfunction tribe_change_event_website_link_to_button( $html ) {\n    $label   = 'Visit Website \u00bb';\n    $classes = 'button tribe-events-button tribe-common-c-btn tribe-common-c-btn--small';\n\n    if ( false === strpos( $html, 'class="' ) ) {\n        $new_html = str_replace( 'href="', 'class="' . $classes . '" href="', $html );\n    } else {\n        $new_html = str_replace( 'class="', 'class="' . $classes . ' ', $html );\n    }\n\n    if ( ! empty( $label ) ) {\n        $new_html = preg_replace( '\/\\"\\>.{2,}?(\\&lt;\\\/a>)\/', '">' . $label . '&lt;\/a>', $new_html );\n    }\n\n    return $new_html;\n}\n\nadd_filter( 'tribe_get_event_website_link', 'tribe_change_event_website_link_to_button' );\n<\/pre><\/div>\n\n\n
Customize the CSS classes to match your theme’s existing button styles, or define a new class. For example:<\/p>\n\n\n
\n.my-button-class {\n    background-color: red;\n    padding: 10px;\n    color: #fff;\n    float: left;\n}\n<\/pre><\/div>\n\n\n
\"The<\/figure>\n\n\n\n
Removing the “Website” Heading<\/h3>\n\n\n\n
If you’ve changed the URL to a linked word or button, you may want to remove the “Website:” label that appears above it. This requires a template override of details.php<\/code>.<\/p>\n\n\n\n
Copy:<\/p>\n\n\n
\n\/plugins\/the-events-calendar\/src\/views\/modules\/meta\/details.php\n<\/pre><\/div>\n\n\n
to:<\/p>\n\n\n
\n[your-theme]\/tribe-events\/modules\/meta\/details.php\n<\/pre><\/div>\n\n\n
Then remove the following <dt><\/code> block from the copied file:<\/p>\n\n\n\n
\"The<\/figure>\n\n\n\n
The result is a clean button or link with no heading above it:<\/p>\n\n\n\n
\"The<\/figure>\n\n\n\n
Customizing Meta Field Labels<\/h2>\n\n\n\n
The single event meta area \u2014 the section below the event description listing details like website, categories, tags, venue, and organizer \u2014 uses a set of default labels that can be changed via a template override of details.php<\/code>.<\/p>\n\n\n\n
\"The<\/figure>\n\n\n\n
If you haven’t already created a details.php<\/code> override from the Website Heading section above, copy the file now:<\/p>\n\n\n
\n\/the-events-calendar\/src\/views\/modules\/meta\/details.php\n<\/pre><\/div>\n\n\n
to:<\/p>\n\n\n
\n[your-theme]\/tribe-events\/modules\/meta\/details.php\n<\/pre><\/div>\n\n\n
All three label changes below are made in this same file.<\/p>\n\n\n\n
Changing the Website Label<\/h3>\n\n\n\n
Find this line:<\/p>\n\n\n
\n$website_title = tribe_events_get_event_website_title();\n<\/pre><\/div>\n\n\n
Replace it with your preferred label:<\/p>\n\n\n
\n$website_title = \"To learn more, visit:\";\n<\/pre><\/div>\n\n\n
Changing the Event Categories Label<\/h3>\n\n\n\n
Find the tribe_get_event_categories()<\/code> call and locate this line within it:<\/p>\n\n\n
\n'label' => null, \/\/ An appropriate plural\/singular label will be provided\n<\/pre><\/div>\n\n\n
Replace null<\/code> with your own label string:<\/p>\n\n\n
\n'label' => 'Find similar events:',\n<\/pre><\/div>\n\n\n
Keep the trailing comma in place.<\/p>\n\n\n\n
Changing the Event Tags Label<\/h3>\n\n\n\n
Find the tribe_meta_event_archive_tags()<\/code> call, which contains:<\/p>\n\n\n
\n\/* Translators: %s: Event (singular) *\/\nsprintf(\n    esc_html__( '%s Tags:', 'the-events-calendar' ),\n    tribe_get_event_label_singular()\n),\n<\/pre><\/div>\n\n\n
Replace that entire argument with your own label string:<\/p>\n\n\n
\n'Find events with specific details:',\n<\/pre><\/div>\n\n\n
Keep the trailing comma. The full function call should now read:<\/p>\n\n\n
\n&lt;?php\ntribe_meta_event_archive_tags(\n    'Find events with specific details:',\n    ', ',\n    true\n);\n?>\n<\/pre><\/div>\n\n\n
\"The<\/figure>\n\n\n\n
Display the Event Author<\/h2>\n\n\n\n
You can show the event author at the bottom of the event description by adding a code snippet to your theme.<\/p>\n\n\n\n
    \n
  1. Go to Appearance \u2192 Theme File Editor<\/strong>, or use a plugin like Code Snippets<\/strong>.<\/li>\n\n\n\n
  2. Add the following PHP code:<\/li>\n<\/ol>\n\n\n
    \nadd_action( 'tribe_events_single_event_after_the_content', 'show_event_author_name' );\n\nfunction show_event_author_name() {\n    $author_id = get_the_author_meta( 'ID' );\n    $author_name = get_the_author();\n    $author_url = get_author_posts_url( $author_id );\n\n    echo '<p class="event-author"><strong>Event created by:<\/strong> <a href="' . esc_url( $author_url ) . '">' . esc_html( $author_name ) . '<\/a><\/p>';\n}\n<\/pre><\/div>\n\n\n
    This will display a line like this below:<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Hiding Additional Content on Single Event Pages<\/h2>\n\n\n\n
    The Events Calendar allows you to inject content above and below the calendar. This is handy if you want to display an image above it, or perhaps some additional information below. You’ll find these options under Events > Settings > Display > Additional Content<\/strong>. By default, Additional Content<\/strong> will appear on all event-related pages, including the main events page, event archives, and single event pages.<\/p>\n\n\n\n
    However, in some cases, you may want this content to appear only on archive or listing pages<\/strong>, and not on individual (single) event pages<\/strong>.<\/p>\n\n\n\n
    To exclude the content from single event pages, you can use the following conditional snippet:<\/p>\n\n\n
    \n\/\/HTML before event content\nadd_filter( \n\t'tribe_events_before_html', \n\tfunction( $before ) {\n\n\t\tif ( is_singular( Tribe__Events__Main::POSTTYPE ) ) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn $before;\n\t} \n);\n\n\/\/HTML after event content\nadd_filter( \n\t'tribe_events_after_html', \n\tfunction( $after ) {\n\n\t\tif ( is_singular( Tribe__Events__Main::POSTTYPE ) ) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn $after;\n\t} \n);\n<\/pre><\/div>\n\n\n
    See this article<\/a> for using custom code snippets.<\/p>\n\n\n\n
    Adding a Sidebar to Event Pages<\/h2>\n\n\n\n
    By default, the sidebar from your theme may not appear on event pages. Adding one requires a template override of the Default Events Template.<\/p>\n\n\n\n
    Step 1: Switch to the Default Events Template<\/h4>\n\n\n\n
    Go to Events \u2192 Settings \u2192 Display<\/strong> and set the Events template<\/strong> dropdown to Default Events Template<\/strong>.<\/p>\n\n\n\n
    \"The<\/figure>\n\n\n\n
    Step 2: Create the Template Override<\/h4>\n\n\n\n
    Copy the default template file:<\/p>\n\n\n
    \n\/wp-content\/plugins\/the-events-calendar\/src\/views\/v2\/default-template.php\n<\/pre><\/div>\n\n\n
    to your child theme. For a full walkthrough of the override process, see Template Files for The Events Calendar v2<\/a>.<\/p>\n\n\n\n
    Step 3: Add the Sidebar to the Template<\/h4>\n\n\n\n
    With the copied template open, add your sidebar in the appropriate location within the layout. You have two options:<\/p>\n\n\n\n