{"id":1131,"date":"2024-07-14T18:30:50","date_gmt":"2024-07-14T18:30:50","guid":{"rendered":"https:\/\/tekomatik.com\/en\/?page_id=1131"},"modified":"2024-09-16T17:44:49","modified_gmt":"2024-09-16T17:44:49","slug":"english-customised-presentation-of-events","status":"publish","type":"page","link":"https:\/\/tekomatik.com\/en\/plugins\/hello-event-customised-presentation-of-events\/","title":{"rendered":"Hello Event &#8211; Customised presentation of events"},"content":{"rendered":"<div class=\"container-fluid\">\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"500\" class=\"aligncenter wp-image-423 size-full img-responsive \" src=\"https:\/\/tekomatik.com\/wp-content\/uploads\/2018\/05\/banner-1544x500.jpg\" alt=\"\" srcset=\"https:\/\/tekomatik.com\/wp-content\/uploads\/2018\/05\/banner-1544x500.jpg 1544w, https:\/\/tekomatik.com\/wp-content\/uploads\/2018\/05\/banner-1544x500-300x97.jpg 300w, https:\/\/tekomatik.com\/wp-content\/uploads\/2018\/05\/banner-1544x500-768x249.jpg 768w, https:\/\/tekomatik.com\/wp-content\/uploads\/2018\/05\/banner-1544x500-1024x332.jpg 1024w\" sizes=\"auto, (max-width: 1544px) 100vw, 1544px\" \/><\/p>\n<\/div>\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n<p><a href=\"https:\/\/tekomatik.com\/en\/plugins\/hello-event\/\">&lt;&#8211; Back to Hello Event<\/a><\/p>\n<h1>Hello Event &#8211; Customised Presentation of Events<\/h1>\n<p>The plugin offers different possibilities to build a customised presentation:<\/p>\n<ol>\n<li>in the settings you can deselect the event information that should not be automatically displayed, and use shortcodes into the event description to insert event information where you want it<\/li>\n<li>you can create a custom event presentation template using either the Classic WordPress editor, the standard (Guthenberg) editor, or the Elementor editor<\/li>\n<li>if you\u2019re a developer you can of course create a dedicated template with PHP and HTML<\/li>\n<\/ol>\n<h2>1. Use shortcodes in the event description<\/h2>\n<p><span style=\"text-decoration: underline;\"><strong>Example<\/strong><\/span>: put the link to tickets at the end of the event description and use a custom text for the link. To do this, go to the plugin settings, section &#8220;Auto inserted content&#8221; and deselect &#8220;Link from event to ticket&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"39\" class=\"alignnone size-medium wp-image-1138 img-responsive \" src=\"https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Settings-link-to-ticket-300x39.png\" alt=\"\" srcset=\"https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Settings-link-to-ticket-300x39.png 300w, https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Settings-link-to-ticket.png 472w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Next, at the end of the description of the events, insert the following shortcode:<\/p>\n<blockquote>[hello-link-to-ticket text=&#8221;You may acquire tickets to participate here&#8221;]<\/blockquote>\n<p>Notice that since you have deselected the automatic presentation of the ticket link, you need to insert this shortcode in the content af all events.<\/p>\n<h2>2. Create a custom template<\/h2>\n<p>For better control you can create a custom event template in the form of a page. This page will be displayed with the usual (chosen) wordpress page template. In the case that you use the WordPress Editor, it will include shortcodes for the event information. If you use the Elementor editor you can install the companion plugin &#8220;Hello Event Widgets for Elementor&#8221; to use widgets instead of shortcodes . (A companion plugin that provides blocks to replace shortcodes may also be available later.)<\/p>\n<p>When editing and testing the result of your custom event template, you need to choose a default event. This is done with help of the shortcode &#8220;hello-default-event&#8221;, which takes either the id or the slug of an event as parameter, and should be put first on the page, for example:<\/p>\n<blockquote>[hello-default-event slug=&#8221;my-test-event&#8221;]<\/blockquote>\n<p>Once this is in place you can use the various other shortcodes to present the event information, as described here:\u00a0<a href=\"https:\/\/tekomatik.com\/en\/plugins\/hello-event-technical-documentation\/\">Hello Event \u2013 technical documentation<\/a> .<\/p>\n<p>There are two ways to use your custom event template page:<\/p>\n<ol>\n<li>By adding the custom event template page id or slug to the shortcodes used to list the events<\/li>\n<li>By modifying the plugin settings<\/li>\n<\/ol>\n<h3>Add parameter to the event list shortcodes<\/h3>\n<p>Examples:<\/p>\n<blockquote>\n<pre>[hello-event-list limit=10 event_page=\"my-custom-event-page\"]\r\n\r\n[hello-event-calendar event_page=\"my-custom-event-page\"]<\/pre>\n<\/blockquote>\n<h3>Modify the plugin setting<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"118\" class=\"alignnone wp-image-1147 img-responsive \" src=\"https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Setting-custom-page-1-768x118.png\" alt=\"\" srcset=\"https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Setting-custom-page-1-768x118.png 768w, https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Setting-custom-page-1-300x46.png 300w, https:\/\/tekomatik.com\/wp-content\/uploads\/2024\/07\/Setting-custom-page-1.png 973w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":451,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1131","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/pages\/1131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/comments?post=1131"}],"version-history":[{"count":14,"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/pages\/1131\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/pages\/1131\/revisions\/1193"}],"up":[{"embeddable":true,"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/pages\/451"}],"wp:attachment":[{"href":"https:\/\/tekomatik.com\/en\/wp-json\/wp\/v2\/media?parent=1131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}