{"id":5959,"date":"2021-11-05T17:31:03","date_gmt":"2021-11-05T16:31:03","guid":{"rendered":"https:\/\/docs.visionbox.it\/?p=5959"},"modified":"2024-07-05T17:59:09","modified_gmt":"2024-07-05T15:59:09","slug":"create-a-touch-experience-with-smart-slider","status":"publish","type":"post","link":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/","title":{"rendered":"Create a Touch Experience with Smart Slider"},"content":{"rendered":"\n<p>In this guide, we&#8217;ll see how to create a simple touch experience based on the link show in the image below. We use an image Slide, a video Slide, a lightbox and a Slide with some text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"427\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-scheme-en-1024x427.jpg\" alt=\"\" class=\"wp-image-6039\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-scheme-en-1024x427.jpg 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-scheme-en-300x125.jpg 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-scheme-en-768x320.jpg 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-scheme-en-1536x640.jpg 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-scheme-en.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Access the <strong>Smart Slider<\/strong> panel from the Dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1350\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-scaled.jpg\" alt=\"\" class=\"wp-image-10824\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-scaled.jpg 2560w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-300x158.jpg 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-1024x540.jpg 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-768x405.jpg 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-1536x810.jpg 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2024\/07\/dashboard-propanel-en-smartslider-2048x1080.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>Click on <em>New Slider<\/em>.<\/p>\n\n\n\n<p>In the pop-up menu that appears insert the Slider title (for example <strong>Experience Touch<\/strong>) and the dimensions. They must be the same as the template you choose. Then, click on <em>Create<\/em>.<\/p>\n\n\n\n<p class=\"uk-background-muted uk-padding\"><strong>Tip:<\/strong> to be sure to insert the right dimensions, open the Dashboard in a new browser tab and open the Devices panel. Click on the name of your template. It appears an image with height and width of all the positions available in that Template.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/experience-touch-01-en.mp4\"><\/video><\/figure>\n\n\n\n<p>Once you create the Slider, go on with the creation of the Slide which will become the menu of your touch experience.<\/p>\n\n\n\n<p>Click on <em>Add Slide<\/em> and then on <em>Empty<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-02-en-1-1024x561.png\" alt=\"\" class=\"wp-image-8605\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-02-en-1-1024x561.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-02-en-1-300x164.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-02-en-1-768x421.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-02-en-1-1536x842.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-02-en-1.png 1832w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now you are inside the Empty Slide and need to give it a title to quickly understand  that is the main menu of your experience.<\/p>\n\n\n\n<p>Click on the pencil icon next <em>Title<\/em> and insert the name you prefer (1). In this case we use<strong> Home<\/strong>.<\/p>\n\n\n\n<p>Then click on <em>Save<\/em> (2).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-03-en-1024x439.png\" alt=\"\" class=\"wp-image-8607\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-03-en-1024x439.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-03-en-300x129.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-03-en-768x330.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-03-en-1536x659.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-03-en-2048x879.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Let&#8217;s go ahead with the choice of the background.<\/p>\n\n\n\n<p>Click on <em>Background<\/em> (1) and choose a color, an image or a video that you like.<\/p>\n\n\n\n<p>In this case, we opt for a <em>Color<\/em> (2).<\/p>\n\n\n\n<p>For more information about the empty Slide with elements, read the guide <strong><a href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/compose-an-empty-slide-with-the-elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create an empty Slider<\/a><\/strong>.<\/p>\n\n\n\n<p>Once you choose the background, click on <em>Save<\/em> (3).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"408\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-04-en-1024x408.png\" alt=\"\" class=\"wp-image-8609\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-04-en-1024x408.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-04-en-300x120.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-04-en-768x306.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-04-en-1536x613.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-04-en-2048x817.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>At this point, we can start to create buttons. Before starting create the <strong>Canvas<\/strong> view, not Content.<\/p>\n\n\n\n<p>Click on + and then on <em>Button<\/em> (as shown in the video below)<\/p>\n\n\n\n<p>Once the button appears in the canvas, click on it. In this way, it appears the menu with all the button configuration settings.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/experience-touch-05-en.mp4\"><\/video><\/figure>\n\n\n\n<p>Let&#8217;s see in details all the function available in the configuration menu.<\/p>\n\n\n\n<p>In the <strong>Layer<\/strong> tab you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Define the Call-to-Action<\/em> (1) (Learn more, contact us ect.)<\/li>\n\n\n\n<li><em>Create the link between Slide and button<\/em> (2) as we will see later.<\/li>\n<\/ul>\n\n\n\n<p class=\"uk-background-muted uk-padding\"><strong>Tip:<\/strong> we recommend you to enable also <em>Full Width<\/em> (3). In this way, you can edit the button width regardless of the font size and text lenght. It&#8217;s useful to design buttons all the same.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-06-en-863x1024.png\" alt=\"\" class=\"wp-image-8613\" width=\"432\" height=\"512\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-06-en-863x1024.png 863w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-06-en-253x300.png 253w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-06-en-768x911.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-06-en.png 934w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/figure>\n\n\n\n<p>Once you do that, enable the Expert mode using the switch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/expert-mode.png\" alt=\"\" class=\"wp-image-8615\" width=\"209\" height=\"71\"\/><\/figure>\n\n\n\n<p>In the <strong>Design<\/strong> tab you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit the <em>Family font<\/em> (1), its <em>Color<\/em> (2), the <em>Size<\/em> (3) and the Text <em>Align<\/em> (4).<\/li>\n\n\n\n<li>Edit the button <em>Background Color<\/em> (5) and the <em>Border Radius<\/em> (6) to round the corners.<\/li>\n\n\n\n<li>Edit the button size using <em>Padding<\/em> (7).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"800\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-07-en-1024x800.png\" alt=\"\" class=\"wp-image-8617\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-07-en-1024x800.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-07-en-300x234.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-07-en-768x600.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-07-en.png 1424w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you end the customization, follow the same steps to create three other buttons equal to the first.<\/p>\n\n\n\n<p>Finally, click on <em>Save<\/em> (1) and then on <em>Slider<\/em> (2) to come back to the screen where you see all the slide.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-08-en-1024x493.png\" alt=\"\" class=\"wp-image-8619\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-08-en-1024x493.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-08-en-300x145.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-08-en-768x370.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-08-en-1536x740.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-08-en-2048x987.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now we can go on with the creation of the first Slide, simply composed by an image.<\/p>\n\n\n\n<p>Click on <em>Add Slide<\/em> and then on <em>Image<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-09-en-1024x422.png\" alt=\"\" class=\"wp-image-8622\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-09-en-1024x422.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-09-en-300x124.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-09-en-768x316.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-09-en-1536x632.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-09-en.png 1880w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here, choose the image that you want to publish. Remember to previously upload it in<strong> File Manager<\/strong>.<\/p>\n\n\n\n<p>Click on <em>Select<\/em> to create the Slide.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-10-en-1024x613.png\" alt=\"\" class=\"wp-image-8625\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-10-en-1024x613.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-10-en-300x179.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-10-en-768x459.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-10-en-1536x919.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-10-en.png 2046w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Go inside the Slide clicking on <em>Edit<\/em>.<\/p>\n\n\n\n<p>Now, click on <em>Settings<\/em> (1), rename the Slide and click on <em>Save<\/em> (2).<\/p>\n\n\n\n<p class=\"uk-background-muted uk-padding\"><strong>Tip:<\/strong> the numbering of the slides is consecutive. <strong>Home<\/strong> is number 1. We advise you to rename the other Slides in this way: <em style=\"color: #0a0a0a !important\">02 | Button name<\/em>, <em style=\"color: #0a0a0a !important\">03 | Button name<\/em> ect&#8230; It will be easier to create the links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"315\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-11-en-1024x315.png\" alt=\"\" class=\"wp-image-8627\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-11-en-1024x315.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-11-en-300x92.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-11-en-768x236.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-11-en-1536x472.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-11-en-2048x629.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Completed this step, click on Slider and then on <em>Home<\/em> slide.<\/p>\n\n\n\n<p>Here, select the button that you want to link to Slide 2.<\/p>\n\n\n\n<p>In <strong>Layer<\/strong> tab click on the link icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-12-en.png\" alt=\"\" class=\"wp-image-8629\" width=\"285\" height=\"178\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-12-en.png 570w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-12-en-300x187.png 300w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/><\/figure>\n\n\n\n<p>In the pop-up that appears click on <em>Action<\/em> and then on <em>Go to Slide<\/em>.<\/p>\n\n\n\n<p>In the field <em>Slide index<\/em> insert the number of the Slide you want to link to the button (for example 2) and at last click on <em>Insert<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-13-en.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p>Check if the link effectively work clicking on <em>Preview<\/em> and testing it. If all works correctly, click on <em>Save<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-14-en-1024x507.png\" alt=\"\" class=\"wp-image-8633\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-14-en-1024x507.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-14-en-300x148.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-14-en-768x380.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-14-en-1536x760.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-14-en-2048x1014.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>At this point we can go on with the creation of the other Slide.<\/p>\n\n\n\n<p>Click on <em>Slider<\/em> and go back to the previous screen.<\/p>\n\n\n\n<p>Click on <em>Add Slide<\/em> and then on <em>Video<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-15-en-1024x487.png\" alt=\"\" class=\"wp-image-8635\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-15-en-1024x487.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-15-en-300x143.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-15-en-768x365.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-15-en-1536x731.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-15-en.png 1862w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In the pop-up, click on <em>File<\/em> (1) and the in the icon highlighted in the image below (2).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-16-en.png\" alt=\"\" class=\"wp-image-8637\" width=\"618\" height=\"455\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-16-en.png 824w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-16-en-300x221.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-16-en-768x565.png 768w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/figure>\n\n\n\n<p>File Manager will open. Here select the video you want to insert in the Slide, click on <em>Insert<\/em> and once you return in the pop-up on <em>Add Video<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-17-en.png\" alt=\"\" class=\"wp-image-8639\" width=\"621\" height=\"456\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-17-en.png 828w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-17-en-300x220.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-17-en-768x564.png 768w\" sizes=\"auto, (max-width: 621px) 100vw, 621px\" \/><\/figure>\n\n\n\n<p>At this point, click on <em>Edit<\/em>, go inside the Slide and rename it as you did for the previous.<\/p>\n\n\n\n<p>After that, click on the video in the canvas.<\/p>\n\n\n\n<p>In the <strong>Layer<\/strong> tab enable <em>Autoplay<\/em> (1), <em>Reset when slide change<\/em> (1) and disable <em>Controls<\/em> (2).<\/p>\n\n\n\n<p>At last, click on <em>Save<\/em> (3) and then on <em>Slider<\/em> (4).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-18-en-1024x518.png\" alt=\"\" class=\"wp-image-8641\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-18-en-1024x518.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-18-en-300x152.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-18-en-768x388.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-18-en-1536x777.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-18-en-2048x1036.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now, go inside the Home slide to link a button to the newly created Video slide.<\/p>\n\n\n\n<p>Just follows the procedure used for the first Image slide.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the button you want to link to the Slide 3<\/li>\n\n\n\n<li>In the <strong>Layer<\/strong> tab click on the link icon, then on <em>Action<\/em> and finally on <em>Go to the Slide<\/em><\/li>\n\n\n\n<li>Complete <em>Slide index<\/em> with the number of the Slide you want to link and click on <em>Insert<\/em><\/li>\n<\/ol>\n\n\n\n<p>Now let&#8217;s see how to create another kind of link. The <em>Lightbox<\/em>.<\/p>\n\n\n\n<p>Remain in the Home slide and select one of unlink buttons.<\/p>\n\n\n\n<p>As we see prevoiusly, click on the link icon.<\/p>\n\n\n\n<p>In the pop-up, instead of Action, select <em>Lightbox<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-19-en-1024x708.png\" alt=\"\" class=\"wp-image-8643\" width=\"768\" height=\"531\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-19-en-1024x708.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-19-en-300x207.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-19-en-768x531.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-19-en.png 1174w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p>In the next window you can decide what content insert here. Image, video or iframe. In this case, we opt for an image.<\/p>\n\n\n\n<p>Click on <em>Choose Image<\/em>s and in the File Manager select the one you prefer. Finally, click on <em>Insert<\/em>.<\/p>\n\n\n\n<p class=\"uk-background-muted uk-padding\"><strong>Note:<\/strong> you haven&#8217;t to set the <em>Autoplay duration<\/em>. To end the view, the user just need to click outside the lightbox.<\/p>\n\n\n\n<p>As always, we advise you to check that the link works properly in the Preview before click on <em>Save<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-20-en.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p>To the last button we link an Empty Slide.<\/p>\n\n\n\n<p>Click on <em>Slider<\/em> and the page where you see all the slides click on <em>Add Slide <\/em>and on <em>Empty<\/em>.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/compose-an-empty-slide-with-the-elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to go to the guide that explain how to create an Empty Slide.<\/a><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-21-en-1024x496.png\" alt=\"\" class=\"wp-image-8647\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-21-en-1024x496.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-21-en-300x145.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-21-en-768x372.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-21-en-1536x744.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-21-en.png 1640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you have created this Slide, come back to the Home slide and select the button to link with it.<\/p>\n\n\n\n<p>The procedure is always the same. In <strong>Layer<\/strong> tab click on the link icon. After that click on <em>Action<\/em> and on <em>Go to the Slide<\/em>.<\/p>\n\n\n\n<p>In <em>Slide index<\/em> insert the number 4 and at last click on <em>Insert<\/em>.<\/p>\n\n\n\n<p>Finally check the result on <em>Preview<\/em> and <em>Save<\/em> all the changes.<\/p>\n\n\n\n<p>Get to this point, you have to do just one last procedure: inserting in Slides a button that allow users to come back to the Home Slide.<\/p>\n\n\n\n<p>You have to follow the steps explain below for each Slide which is link to Home.<\/p>\n\n\n\n<p>Go inside the Slide.<\/p>\n\n\n\n<p>Click on<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"72\" height=\"66\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/Screenshot-2021-11-04-at-17.39.01.png\" alt=\"\" class=\"wp-image-6031\"\/><\/figure>\n\n\n\n<p>and then on <em>Icon<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-22-en-1024x496.png\" alt=\"\" class=\"wp-image-8649\" srcset=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-22-en-1024x496.png 1024w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-22-en-300x145.png 300w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-22-en-768x372.png 768w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-22-en-1536x743.png 1536w, https:\/\/docs.visionbox.it\/wp-content\/uploads\/2022\/12\/experience-touch-22-en-2048x991.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In the field <em>Icon<\/em> of the <strong>Layer<\/strong> tab choose the symbol and the color you prefer.<\/p>\n\n\n\n<p><strong>Tip:<\/strong> we recommend you to choose an icon that allow the user to immediately recognize its function.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-26-en.mp4\"><\/video><\/figure>\n\n\n\n<p>After that, link the icon to the slide Home.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the <strong>Layer<\/strong> tab click on the link icon, then on <em>Action<\/em> and finally on <em>Go to the Slide<\/em><\/li>\n\n\n\n<li>Complete <em>Slide index<\/em> with the number of the Slide you want to link and click on <em>Insert<\/em><\/li>\n<\/ol>\n\n\n\n<p>Now all that remains is to drag the icon in the right position, check that work properly in <em>Preview<\/em> and then click on <em>Save<\/em>.<\/p>\n\n\n\n<p>Once you have repeat the procedure in all the slides, come back in the Slider and check the final results. It should be more or less like the video shown below. If so, click on <em>Save<\/em>. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/11\/exp-touch-preview.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to create a simple touch experience using Visionbox and Smart Slider? Find out how to do in our guide.<\/p>\n","protected":false},"author":1,"featured_media":5509,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32],"tags":[],"categorie":[],"class_list":["post-5959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-slider"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a Touch Experience with Smart Slider | Docs Visionbox<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Touch Experience with Smart Slider | Docs Visionbox\" \/>\n<meta property=\"og:description\" content=\"Do you want to create a simple touch experience using Visionbox and Smart Slider? Find out how to do in our guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"Docs Visionbox\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-05T16:31:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T15:59:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a\"},\"headline\":\"Create a Touch Experience with Smart Slider\",\"datePublished\":\"2021-11-05T16:31:03+00:00\",\"dateModified\":\"2024-07-05T15:59:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\"},\"wordCount\":1294,\"publisher\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg\",\"articleSection\":[\"Smart Slider\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\",\"url\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\",\"name\":\"Create a Touch Experience with Smart Slider | Docs Visionbox\",\"isPartOf\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg\",\"datePublished\":\"2021-11-05T16:31:03+00:00\",\"dateModified\":\"2024-07-05T15:59:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage\",\"url\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg\",\"contentUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg\",\"width\":600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.visionbox.it\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create a Touch Experience with Smart Slider\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#website\",\"url\":\"https:\/\/docs.visionbox.it\/en\/\",\"name\":\"Docs Visionbox\",\"description\":\"ProPanel user guides\",\"publisher\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.visionbox.it\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#organization\",\"name\":\"Visionbox Digital Signage\",\"url\":\"https:\/\/docs.visionbox.it\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png\",\"contentUrl\":\"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png\",\"width\":400,\"height\":75,\"caption\":\"Visionbox Digital Signage\"},\"image\":{\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/visionbox_it\/\",\"https:\/\/www.linkedin.com\/showcase\/visionbox-digital-signage\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Touch Experience with Smart Slider | Docs Visionbox","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/","og_locale":"en_US","og_type":"article","og_title":"Create a Touch Experience with Smart Slider | Docs Visionbox","og_description":"Do you want to create a simple touch experience using Visionbox and Smart Slider? Find out how to do in our guide.","og_url":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/","og_site_name":"Docs Visionbox","article_published_time":"2021-11-05T16:31:03+00:00","article_modified_time":"2024-07-05T15:59:09+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#article","isPartOf":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/"},"author":{"name":"admin","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a"},"headline":"Create a Touch Experience with Smart Slider","datePublished":"2021-11-05T16:31:03+00:00","dateModified":"2024-07-05T15:59:09+00:00","mainEntityOfPage":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/"},"wordCount":1294,"publisher":{"@id":"https:\/\/docs.visionbox.it\/en\/#organization"},"image":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg","articleSection":["Smart Slider"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/","url":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/","name":"Create a Touch Experience with Smart Slider | Docs Visionbox","isPartOf":{"@id":"https:\/\/docs.visionbox.it\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage"},"image":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg","datePublished":"2021-11-05T16:31:03+00:00","dateModified":"2024-07-05T15:59:09+00:00","breadcrumb":{"@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#primaryimage","url":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg","contentUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2021\/04\/img-touch-experience.jpg","width":600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/docs.visionbox.it\/en\/smart-slider\/create-a-touch-experience-with-smart-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.visionbox.it\/en\/"},{"@type":"ListItem","position":2,"name":"Create a Touch Experience with Smart Slider"}]},{"@type":"WebSite","@id":"https:\/\/docs.visionbox.it\/en\/#website","url":"https:\/\/docs.visionbox.it\/en\/","name":"Docs Visionbox","description":"ProPanel user guides","publisher":{"@id":"https:\/\/docs.visionbox.it\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.visionbox.it\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/docs.visionbox.it\/en\/#organization","name":"Visionbox Digital Signage","url":"https:\/\/docs.visionbox.it\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/","url":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png","contentUrl":"https:\/\/docs.visionbox.it\/wp-content\/uploads\/2019\/10\/logo-visionbox-1.png","width":400,"height":75,"caption":"Visionbox Digital Signage"},"image":{"@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/visionbox_it\/","https:\/\/www.linkedin.com\/showcase\/visionbox-digital-signage"]},{"@type":"Person","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/ea3f9ad147f4e28a0acced59841c043a","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.visionbox.it\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6c2488e77f5feaacc30f28ed1b056f27?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts\/5959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/comments?post=5959"}],"version-history":[{"count":30,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts\/5959\/revisions"}],"predecessor-version":[{"id":10842,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/posts\/5959\/revisions\/10842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/media\/5509"}],"wp:attachment":[{"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/media?parent=5959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/categories?post=5959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/tags?post=5959"},{"taxonomy":"categorie","embeddable":true,"href":"https:\/\/docs.visionbox.it\/en\/wp-json\/wp\/v2\/categorie?post=5959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}