{"id":46271,"date":"2015-04-08T03:23:10","date_gmt":"2015-04-08T07:23:10","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=46271"},"modified":"2017-07-12T06:45:54","modified_gmt":"2017-07-12T10:45:54","slug":"joomla-3-x-how-to-add-custom-html-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-add-custom-html-module.html","title":{"rendered":"Joomla 3.x. How to add custom HTML module"},"content":{"rendered":"

\r\n

Our Support team is ready to present you a new tutorial that shows how to add a Custom HTML module in Joomla 3.x.<\/p>\r\n

Joomla 3.x. How to add custom HTML module<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Please navigate to Extensions > Module manager<\/strong> in your Joomla backend.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Click on New<\/strong> button to add a new module:<\/p>\r\n

    \"joomla_how_to_add_custom_html_module_1\"<\/a>\r\n<\/li>\r\n

  3. \r\n

    Select the Custom HTML<\/strong> module type:<\/p>\r\n

    \"joomla_how_to_add_custom_html_module_2\"<\/a>\r\n<\/li>\r\n

  4. \r\n

    Type in your module title, select position and add your custom html content:<\/p>\r\n

    \"joomla_how_to_add_custom_html_module_3\"<\/a>\r\n<\/li>\r\n

  5. \r\n

    You can use the Visual Mode or select Tools > Source code<\/strong> to view the html version.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Open the Menu assignment<\/strong> tab and select the pages where you need to display your module:<\/p>\r\n

    \"joomla_how_to_add_custom_html_module_4\"<\/a>\r\n<\/li>\r\n

  7. \r\n

    Click on Save<\/strong> button when you are done.<\/p>\r\n<\/li>\r\n

  8. \r\n

    Check the result on your website:<\/p>\r\n

    \"joomla_how_to_add_custom_html_module_5\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    Joomla 3.x. How to add custom HTML module<\/a><\/p>\r\n

    <\/p>\r\n\r\n

    \r\n\r\n\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"

    Our Support team is ready to present you a new tutorial that shows how to add a Custom HTML module in Joomla 3.x.<\/p>\n","protected":false},"author":56,"featured_media":46279,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[789,2411,483,557],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46271"}],"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\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=46271"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46271\/revisions"}],"predecessor-version":[{"id":81955,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46271\/revisions\/81955"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/46279"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=46271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=46271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=46271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}