![\"kb-eventwebsite-link\"\/](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2015\/04\/kb-eventwebsite-link.jpg\")
<\/figure><\/div>\n\n\nThat’s great and all, but what if we have a really long URL and would rather replace that with a linked word instead? What about a button? Awesome news: in The Events Calendar in Block Editor, this is already possible.<\/p>\n\n\n\n
We’ll walk through how to do both in this article for those of you holding on to Classic Editor mode.<\/p>\n\n\n\n
Change the URL to a linked word<\/h3>\n\n\n\n
Our first goal will be to change the text from the URL to a “Visit Website \u2192” label that is still linked to the same place. You can do that by adding the following snippet to your theme’s functions.php<\/i> file:<\/p>\n\n\n That will result in the URL being replaced with our “Visit Website \u00bb” label:<\/p>\n\n\n If you’d like the website link to open in a new window, you can use the code below:<\/p>\n\n\n What, you want a button instead of a simple link? Let’s do that. Let’s first make a few changes to the snippet we used to make the link:<\/p>\n\n\n The class name(s) can be customized to your needs, of course. We included some common ones, but you might want to trim that list as you see fit. If you have a button style in your theme already, you can make it that. Or, if you’d prefer to design a special button for this link, then you could make up a new class name instead.<\/p>\n\n\n\n Either way, once you have that class name, go into your theme’s style.css<\/em> file and make sure that the class name both exists and is styled the way you would like your button to appear. For example:<\/p>\n\n\n If you’ve changed the URL to a button or a link, you might want to remove the “Website” header above.<\/p>\n\n\n\n To remove the heading:<\/p>\n\n\n\n Now that the template is in the theme, it can be customized to suit your needs. In this case, remove the following line from the template:<\/p>\n\n\n\n Once that has been saved and everything else is in place, you’ll see your button or link without the header:<\/p>\n\n\n There we have it: two ways to change the Event Website from a URL to something else. We hope you found this helpful and that it makes your calendar just that much more awesome.<\/p>\n","protected":false},"excerpt":{"rendered":" By default, adding a URL to this field will result in that URL displaying on the event page using Classic Editor like this: That’s great and all, but what if we have a really long URL and would rather replace that with a linked word instead? What about a button? Awesome news: in The Events…<\/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":[24,79],"tags":[25,58],"stellar-product-taxonomy":[161],"class_list":["post-1896562","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customizing","category-snippets","tag-customizations","tag-php","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":24,"label":"Customizations"},{"value":79,"label":"Snippets"}],"post_tag":[{"value":25,"label":"Customizations"},{"value":58,"label":"PHP"}],"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":"Jaime Marchwinski","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"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":[{"term_id":25,"name":"Customizations","slug":"customizations","term_group":0,"term_taxonomy_id":25,"taxonomy":"post_tag","description":"","parent":0,"count":102,"filter":"raw","term_order":"0"},{"term_id":58,"name":"PHP","slug":"php","term_group":0,"term_taxonomy_id":58,"taxonomy":"post_tag","description":"","parent":20,"count":78,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896562","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1896562"}],"version-history":[{"count":2,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896562\/revisions"}],"predecessor-version":[{"id":1961370,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896562\/revisions\/1961370"}],"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=1896562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1896562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1896562"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1896562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\nfunction tribe_get_event_website_link_label_default( $label, $post_id ) {\n\t$url = tribe_get_event_website_url( $post_id );\n\tif ( $label === $url ) {\n\t\t$label = 'Visit Website \u00bb';\n\t}\n\n\treturn $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![\"kb-eventwebsite-linkedword\"\/](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2015\/04\/kb-eventwebsite-linkedword.jpg\")
<\/figure><\/div>\n\n\n\nadd_filter( 'tribe_get_event_website_link_target', static function() {\n return '_blank';\n} );\n<\/pre><\/div>\n\n\nChange the URL to a button<\/h3>\n\n\n\n
\n<?php\n\/**\n * The Events Calendar: Change the Event Website plain text link to a button, including shortening the anchor text to\n * avoid a really long button.\n *\/\nfunction tribe_change_event_website_link_to_button( $html ) {\n\n\t$label = "Visit Website \u00bb";\n\t$classes = 'button tribe-events-button tribe-common-c-btn tribe-common-c-btn--small';\n\n\tif ( false === strpos( $html, 'class="' ) ) {\n\t\t$new_html = str_replace( 'href="', 'class="' . $classes . '" href="', $html );\n\t}\n\telse {\n\t\t$new_html = str_replace( 'class="', 'class="' . $classes . ' ', $html );\n\t}\n\n\tif ( ! empty( $label ) ) {\n\t\t$new_html = preg_replace( '\/\\"\\>.{2,}?(\\<\\\/a>)\/', '">' . $label . '<\/a>', $new_html );\n\t}\n\n\treturn $new_html;\n}\n\nadd_filter( 'tribe_get_event_website_link', 'tribe_change_event_website_link_to_button' );\n<\/pre><\/div>\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![\"KB](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2015\/04\/Screen-Shot-2015-04-30-at-12.35.00-PM-665x262.png\")
<\/figure><\/div>\n\n\nRemoving the “Website” heading<\/h3>\n\n\n\n
\n
![\"Remove](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/08\/Screen-Shot-2022-08-12-at-10.48.01.png\")
<\/figure>\n\n\n\n![\"kb-eventwebsite-button\"\/](\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2015\/04\/kb-eventwebsite-button.jpg\")
<\/figure><\/div>\n\n\nWrapping up<\/h3>\n\n\n\n