{"id":1961279,"date":"2024-07-12T10:06:28","date_gmt":"2024-07-12T14:06:28","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1961279"},"modified":"2026-04-02T15:52:26","modified_gmt":"2026-04-02T19:52:26","slug":"add-website-to-the-list-view","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/add-website-to-the-list-view\/","title":{"rendered":"Add Event Website to the List View"},"content":{"rendered":"\n<p>To maintain a clean and concise view, not all event details such as website URL are displayed in the List View. However, if you would like to include the event website URL, you can learn how in this article.<br><br>There is a slight difference on how you add the website URL and label on the Block Editor and Classic Editor. In the Block Editor, you can add the website label and the URL, as shown below. While in the Classic Editor, you can only add the URL and then use a custom code snippet to be able to add the label.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"757\" height=\"468\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/06\/image-5.png\" alt=\"\" class=\"wp-image-1961323\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/06\/image-5.png 757w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/06\/image-5-300x185.png 300w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/figure>\n\n\n\n<p>For Classic Editor, Website Label is not present in the option. Only the actual Website URL can be filled.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"254\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Classic-1024x254.png\" alt=\"\" class=\"wp-image-1961474\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Classic-1024x254.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Classic-300x74.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Classic-768x190.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Classic.png 1145w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>With this, you can customize the URL label to display in the List View. In this example, we are using the default label &#8216;Website URL&#8217; based on the code snippet below.<br><br>Displaying the website details above in your List View, you can add the following snippet to your theme\u2019s <strong>functions.php<\/strong> file or use the\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Code Snippets<\/strong><\/a>\u00a0plugin as shown <span style=\"text-decoration: underline;\"><a href=\"https:\/\/share.zight.com\/xQuok2jr\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a><\/span>.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n&lt;?php\nadd_action(\n\t&#039;tribe_template_after_include:events\/v2\/list\/event\/description&#039;,\n\tfunction ( $file, $name, $template ) {\n\t\tglobal $post;\n\t\t$content = $post-&gt;post_content;\n\n\t\tpreg_match(&#039;\/&lt;!-- wp:tribe\\\/event-website {&quot;urlLabel&quot;:&quot;(.*?)&quot;} \\\/\\--&gt;\/&#039;, $content, $matches);\n\n\t\t$urlLabel = ((isset($matches&#x5B;1])) ? $matches&#x5B;1] : &#039;Website URL&#039;);\n\t\t\n\t\techo tribe_get_event_website_link( $post-&gt;ID, $urlLabel, &#039;_blank&#039; );\n\t},\n\t10,\n\t3\n);\n<\/pre><\/div>\n\n\n<p>The code snippet provided above will generate an output similar to the following example:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"873\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Block.jpg\" alt=\"\" class=\"wp-image-1961475\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Block.jpg 957w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Block-300x274.jpg 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/07\/List-Block-768x701.jpg 768w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>To maintain a clean and concise view, not all event details such as website URL are displayed in the List View. However, if you would like to include the event website URL, you can learn how in this article. There is a slight difference on how you add the website URL and label on the&#8230;<\/p>\n","protected":false},"author":84,"featured_media":1955565,"comment_status":"open","ping_status":"open","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":[312,24,79],"tags":[],"stellar-product-taxonomy":[161],"class_list":["post-1961279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-calendar-views","category-customizing","category-snippets","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":312,"label":"Calendar Views"},{"value":24,"label":"Customizations"},{"value":79,"label":"Snippets"}],"stellar-product-taxonomy":[{"value":161,"label":"The Events Calendar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"The Events Calendar Team","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/the_events_calendar_team\/"},"comment_info":0,"category_info":[{"term_id":312,"name":"Calendar Views","slug":"calendar-views","term_group":0,"term_taxonomy_id":312,"taxonomy":"category","description":"","parent":61,"count":8,"filter":"raw","term_order":"0","cat_ID":312,"category_count":8,"category_description":"","cat_name":"Calendar Views","category_nicename":"calendar-views","category_parent":61},{"term_id":24,"name":"Customizations","slug":"customizing","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":157,"filter":"raw","term_order":"0","cat_ID":24,"category_count":157,"category_description":"","cat_name":"Customizations","category_nicename":"customizing","category_parent":0},{"term_id":79,"name":"Snippets","slug":"snippets","term_group":0,"term_taxonomy_id":79,"taxonomy":"category","description":"","parent":0,"count":80,"filter":"raw","term_order":"0","cat_ID":79,"category_count":80,"category_description":"","cat_name":"Snippets","category_nicename":"snippets","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1961279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1961279"}],"version-history":[{"count":12,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1961279\/revisions"}],"predecessor-version":[{"id":1968330,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1961279\/revisions\/1968330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1961279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1961279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1961279"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1961279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}