{"id":47261,"date":"2015-04-20T01:35:05","date_gmt":"2015-04-20T05:35:05","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=47261"},"modified":"2017-08-01T11:08:52","modified_gmt":"2017-08-01T15:08:52","slug":"joomla-3-x-how-to-display-multiple-contacts-on-the-contact-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-display-multiple-contacts-on-the-contact-page.html","title":{"rendered":"Joomla 3.x. How to display multiple contacts on the contact page"},"content":{"rendered":"<p>\r\n<p>This tutorial is going to show you how to display more contacts on the contacts page in Joomla.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=Eo4fn2VcAJE?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to display multiple contacts on the contact page<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Open your admin panel, navigate to <strong>Components -> Contacts<\/strong> and click <strong>New<\/strong> button to add a new contact. Specify the name of the contact and provide the details like address, phone, email, etc. Feel free to use the Website Owner contact as an example to fill all the fields required:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page1-300x168.jpg\" alt=\"Joomla_How_to_display_multiple_contacts_on_the_contact_page1\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47262\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<li>\r\n<p>To make new contact details appear on the contact page, please select the category used for the Website Owner contacts. Open the <strong>Components -> Contacts -> Website Owner contacts<\/strong> and check its category:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page2-300x168.jpg\" alt=\"Joomla_How_to_display_multiple_contacts_on_the_contact_page2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47263\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page2-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<li>\r\n<p>Now open your new contact and assign it to the same category. Save the changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page3-300x168.jpg\" alt=\"Joomla_How_to_display_multiple_contacts_on_the_contact_page3\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47265\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page3-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<li>\r\n<p>Refresh and check your Contacts page to see a list of contacts above the map. Feel free to select any contact to view it:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page4-300x168.jpg\" alt=\"Joomla_How_to_display_multiple_contacts_on_the_contact_page4\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47264\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page4-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page4-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Joomla_How_to_display_multiple_contacts_on_the_contact_page4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<li>\r\n<p>Please repeat the same steps to add more contacts to the list.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=Eo4fn2VcAJE?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to display multiple contacts on the contact page<\/a><\/p>\r\n<p><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to display more contacts on the contacts page in Joomla.<\/p>\n","protected":false},"author":79,"featured_media":47384,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[639,483,1018,572],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47261"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=47261"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47261\/revisions"}],"predecessor-version":[{"id":82473,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47261\/revisions\/82473"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/47384"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=47261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=47261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=47261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}