{"id":22572,"date":"2018-08-02T18:31:14","date_gmt":"2018-08-02T13:01:14","guid":{"rendered":"http:\/\/convertplug.com\/plus\/?post_type=docs&#038;p=22572"},"modified":"2018-08-02T18:31:14","modified_gmt":"2018-08-02T13:01:14","slug":"how-to-enable-toggle-button-option-for-slide-in-and-info-bar","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-enable-toggle-button-option-for-slide-in-and-info-bar\/","title":{"rendered":"How to enable Toggle button option for Slide-In and Info-bar?"},"content":{"rendered":"<p>Have you ever wanted to display a toggle button instead of the slide-in or infobar, when the user arrives on the page?<\/p>\n<p>You can do so in Convert Plus\u00a0by just enabling the option of Toggle Button for both, Slide-In as well as for Info-Bar and set them these toggle buttons to be shown initially.<\/p>\n<p>Let us quickly see how this can be done in a Slide-In. These are the\u00a0same steps that can be followed for an infobar too.<\/p>\n<p><strong>Step 1 -&gt;<\/strong> Create and design a Slide-in as per your needs.<\/p>\n<p><strong>Step 2 -&gt;<\/strong> Open it in the editor and move to <strong>Design -&gt; Close Link -&gt; Toggle Button<\/strong><\/p>\n<p><strong>Step 3 -&gt;<\/strong> Enable the Toggle button option<\/p>\n<p>When you enable this the toggle button, it will appear when the user closes the Slide-In. This will allow users to open the slide-in again after closing it once.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22635\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Enable-Toggle-for-Slide-in-in-Convert-Plus.jpg\" alt=\"Enable Toggle For Slide In In Convert Plus\" width=\"2048\" height=\"1185\" title=\"How to enable Toggle button option for Slide-In and Info-bar?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Enable-Toggle-for-Slide-in-in-Convert-Plus.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Enable-Toggle-for-Slide-in-in-Convert-Plus-300x174.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Enable-Toggle-for-Slide-in-in-Convert-Plus-768x444.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Enable-Toggle-for-Slide-in-in-Convert-Plus-1024x593.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>This feature is helpful when a user ignores something at first or leaves it to be catered to later.<\/p>\n<p><strong>Step 4 -&gt;<\/strong> Display a Toggle Button Initially &#8211;<\/p>\n<p>If you feel that the slide-in might just enter and bother users, you can enable the toggle to appear initially. Which means, that the users will just see a button that later opens the slide-in when a user clicks on it.<\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22636\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Display-Toggle-Button-Initially.jpg\" alt=\"Display Toggle Button Initially\" width=\"2048\" height=\"1188\" title=\"How to enable Toggle button option for Slide-In and Info-bar?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Display-Toggle-Button-Initially.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Display-Toggle-Button-Initially-300x174.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Display-Toggle-Button-Initially-768x446.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Display-Toggle-Button-Initially-1024x594.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>Note:<\/strong> For this,\u00a0you\u2019ll need to enable both the options &#8220;<strong>Enable Toggle\u00a0Button<\/strong>&#8221; as well as &#8220;<strong>Display Toggle Button Initially<\/strong>&#8221; as shown in the screenshot above.<\/p>\n<p>Save your changes!<\/p>\n<p>Want to see how the Toggle button will look? Click on the Close link or icon `<strong>X<\/strong>\u2019 in the slide-in &#8211; it will get minimized into a button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22637\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Close-slide-in-to-see-toggle-in-Convert-Plus.jpg\" alt=\"Close Slide In To See Toggle In Convert Plus\" width=\"2048\" height=\"1189\" title=\"How to enable Toggle button option for Slide-In and Info-bar?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Close-slide-in-to-see-toggle-in-Convert-Plus.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Close-slide-in-to-see-toggle-in-Convert-Plus-300x174.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Close-slide-in-to-see-toggle-in-Convert-Plus-768x446.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Close-slide-in-to-see-toggle-in-Convert-Plus-1024x595.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>I am sure you want to beautify the toggle button too! You can do this using the settings in the panel. You can change the text, border, background, size, etc. Take a look at the screenshot to see how I have edited one for you.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22638\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Format-slide-in-toggle-button-in-Convert-Plus.jpg\" alt=\"Format Slide In Toggle Button In Convert Plus\" width=\"2048\" height=\"1189\" title=\"How to enable Toggle button option for Slide-In and Info-bar?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Format-slide-in-toggle-button-in-Convert-Plus.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Format-slide-in-toggle-button-in-Convert-Plus-300x174.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Format-slide-in-toggle-button-in-Convert-Plus-768x446.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2018\/07\/Format-slide-in-toggle-button-in-Convert-Plus-1024x595.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p>Save all your changes and Publish!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever wanted to display a toggle button instead of the slide-in or infobar, when the user arrives on the page? You can do so in Convert Plus\u00a0by just enabling the option of Toggle Button for both, Slide-In as well as for Info-Bar and set them these toggle buttons to be shown initially. Let [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[19,20],"docs_tag":[61,58,60,59,57,56],"class_list":["post-22572","docs","type-docs","status-publish","hentry","docs_category-faqs","docs_category-general","docs_tag-button-to-open-slide-in","docs_tag-infobar-toggle-button","docs_tag-show-button-to-open-infobar","docs_tag-show-slide-in-as-button","docs_tag-slide-in-toggle-button","docs_tag-toggle-button"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/22572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/52"}],"version-history":[{"count":12,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/22572\/revisions"}],"predecessor-version":[{"id":22639,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/22572\/revisions\/22639"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=22572"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=22572"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=22572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}