{"id":785,"date":"2020-11-16T19:58:14","date_gmt":"2020-11-16T19:58:14","guid":{"rendered":"https:\/\/wearesmile.com\/help\/?post_type=ht_kb&#038;p=785"},"modified":"2020-11-25T11:49:48","modified_gmt":"2020-11-25T11:49:48","slug":"custom-tabs","status":"publish","type":"ht_kb","link":"https:\/\/wearesmile.com\/help\/documentation\/custom-tabs\/","title":{"rendered":"Custom Tabs"},"content":{"rendered":"\n<p>An advanced feature of Hijack is &#8220;Custom Tabs&#8221;. This allows you to embed content from external providers. <\/p>\n\n\n\n<p>It can be added on a chapter-by-chapter basis, and you can add as many custom tabs as you would like.<\/p>\n\n\n\n<p>In your chapter, you can add &#8220;Custom tabs&#8221; as a &#8220;Chapter option&#8221;.<\/p>\n\n\n\n<p>Once added, you will see &#8220;Custom tabs&#8221; as an available section in the left hand menu. From there you can add a new tab. Each tab can then be configured using the fields provided. It&#8217;s not as easy as copy and paste, but this will give you absolute control to embed from almost anywhere. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Tab title: <\/strong>This is the title that will appear in the menu of tabs in your Hijack.<\/li><li><strong>Associated Script URL<\/strong>: If your embed requires any javascript to function, you should paste the URL to this here.<\/li><li><strong>Element Text<\/strong>: If your embed requires specific text within a HTML tag, you can enter this here (most don&#8217;t though!)<\/li><li><strong>HTML Tag Type<\/strong>: You can choose from a selection of html tag types that should match the html tag used in your embed code.<\/li><li><strong>Iframe URL<\/strong>: If your embed is an iframe, you can paste the URL in here.<\/li><li><strong>Class List<\/strong>: If your embed requires a class to be used, you should add the class name(s) here. Multiple classes can be added with a space in between them.<\/li><li><strong>Element ID<\/strong>: If your embed requires an ID to be defined, you can add this here. Multiple IDs can be added with a space in between them.<\/li><li><strong>Remove Padding<\/strong>: This is pretty straightforward, but can have a transformative effect on your embed. It will remove the space around your embed. This means it will fill the entire space available. <\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>An advanced feature of Hijack is &#8220;Custom Tabs&#8221;. This allows you to embed content from external providers. It can be added on a chapter-by-chapter basis, and you can add as many custom tabs as you would like. In your chapter, you can add &#8220;Custom tabs&#8221; as a &#8220;Chapter option&#8221;. Once&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_searchwp_excluded":"","footnotes":""},"ht-kb-category":[97],"ht-kb-tag":[],"class_list":["post-785","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-configuring-chapters"],"_links":{"self":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":2,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/785\/revisions"}],"predecessor-version":[{"id":790,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/785\/revisions\/790"}],"wp:attachment":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-category?post=785"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}