{"id":6120,"date":"2021-07-22T10:39:01","date_gmt":"2021-07-22T08:39:01","guid":{"rendered":"http:\/\/blog-cz.survio.com\/?p=6120"},"modified":"2021-10-04T13:32:17","modified_gmt":"2021-10-04T11:32:17","slug":"widget-pro-dotaznik-na-web","status":"publish","type":"post","link":"https:\/\/blog-cz.survio.com\/survio-funkce\/widget-pro-dotaznik-na-web-vyhody-a-vyuziti\/","title":{"rendered":"Widget pro dotazn\u00edk na web &#8211; v\u00fdhody a vyu\u017eit\u00ed"},"content":{"rendered":"\n<p>P\u0159em\u00fd\u0161l\u00edte jak z\u00edsk\u00e1vat zp\u011btnou vazbu od z\u00e1kazn\u00edk\u016f a z\u00e1rove\u0148 je t\u00edm neobt\u011b\u017eovat? Webov\u00fd widget pro dotazn\u00edk tohle dok\u00e1\u017ee. Co to vlastn\u011b je a jak jej m\u016f\u017eete vyu\u017e\u00edt pro sv\u016fj byznys? Dozv\u00edte se v tomto \u010dl\u00e1nku.<\/p>\n<h2>Co je to webov\u00fd widget pro dotazn\u00edk?<\/h2>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-6097 aligncenter\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Web-widget.gif\" alt=\"Web widget\" width=\"348\" height=\"200\" srcset=\"https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget.gif 348w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget-300x172.gif 300w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/p>\n<p>Webov\u00fd widget pro dotazn\u00edk je vychyt\u00e1vka, kter\u00e1 se po implementaci na v\u00e1\u0161 web objev\u00ed jako z\u00e1lo\u017eka v prav\u00e9 \u010d\u00e1sti obrazovky. Po jej\u00edm rozkliknut\u00ed se zobraz\u00ed dotazn\u00edk p\u0159\u00edmo v interaktivn\u00ed bublin\u011b. Tento widget je novou funkc\u00ed dotazn\u00edkov\u00e9 platformy Survio, kde si sv\u016fj <a href=\"https:\/\/www.survio.com\/\" target=\"_blank\" rel=\"noopener\">dotazn\u00edk m\u016f\u017eete vytvo\u0159it<\/a>.&nbsp;<\/p>\n<h2>Praktick\u00fd p\u0159\u00edklad u\u017eit\u00ed widgetu pro dotazn\u00edk<\/h2>\n<p>Hanka provozuje e-shop s prodejem sportovn\u00edho oble\u010den\u00ed. Chce m\u00edt jistotu, zda nab\u00edz\u00ed z\u00e1kazn\u00edk\u016fm neust\u00e1le kompletn\u00ed sortiment. Chyb\u011bj\u00edc\u00ed produkty na jej\u00edm e-shopu toti\u017e budou z\u00e1kazn\u00edky odv\u00e1d\u011bt ke konkurenci. M\u00e1 proto na str\u00e1nce sv\u00e9ho e-shopu p\u0159ipnut\u00fd widget, na kter\u00e9m m\u00e1 naps\u00e1no: <em>\u0158ekn\u011bte, zda v\u00e1m tu n\u011bco nechyb\u00ed.<\/em><\/p>\n<p>M\u016f\u017ee tak 24\/7 z\u00edsk\u00e1vat zp\u011btnou vazbu od z\u00e1kazn\u00edk\u016f. V dotazn\u00edkov\u00e9 aplikaci Survio vid\u00ed v\u00fdsledky v re\u00e1ln\u00e9m \u010dase, p\u0159ehledn\u011b zpracovan\u00e9 v grafech a tabulk\u00e1ch. V\u00fdsledky si tak\u00e9 m\u016f\u017ee st\u00e1hnout v r\u016fzn\u00fdch form\u00e1tech jako report. Chyb\u011bj\u00edc\u00ed produkty v sortimentu tak odhal\u00ed okam\u017eit\u011b a m\u016f\u017ee je doobjednat, aby m\u011bla st\u00e1le lukrativn\u00ed nab\u00eddku.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-6145 aligncenter\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Web-widget-ukazka-3.gif\" alt=\"Web widget pro dotazn\u00edk\" width=\"1912\" height=\"944\"><\/p>\n<p>V aplikaci Survio se Hanka takto m\u016f\u017ee dop\u0159edu pod\u00edvat, jak bude jej\u00ed widget vypadat.<\/p>\n<h2>Srovn\u00e1n\u00ed widgetu s iframe a vyskakovac\u00edm oknem<\/h2>\n<p>Oproti <a href=\"https:\/\/www.survio.com\/cs\/blog\/jak-vytvorit-dotaznik\/6-zpusobu-jak-sdilet-dotaznik#Dotaznik_jako_soucast_webu_Iframe\" target=\"_blank\" rel=\"noopener\"><strong>iframe<\/strong><\/a> a<a href=\"https:\/\/www.survio.com\/cs\/blog\/jak-vytvorit-dotaznik\/6-zpusobu-jak-sdilet-dotaznik#Dotaznik_ve_vyskakovacim_okne\" target=\"_blank\" rel=\"noopener\"><strong> vyskakovac\u00edmu oknu<\/strong><\/a> je widget m\u00e9n\u011b \u201eru\u0161iv\u00fd<strong>\u201c<\/strong>. Zvl\u00e1\u0161t\u011b vyskakovac\u00edm oknem na\u0161eho \u010dten\u00e1\u0159e webu jenom vyru\u0161\u00edme a nav\u00edc mu znemo\u017en\u00edme pokra\u010dovat v tom, co zrovna na webu d\u011blal, ov\u0161em i toto m\u00e1 v konkr\u00e9tn\u00edch situac\u00edch sv\u00e9 opodstatn\u011bn\u00ed. Zve\u0159ejn\u011bn\u00ed dotazn\u00edku p\u0159\u00edmo na webu pomoc\u00ed iframu nen\u00ed tolik ru\u0161iv\u00e9, ale zase permanentn\u011b zab\u00edr\u00e1 dost prostoru na str\u00e1nce samotn\u00e9. Webov\u00fd widget je proto velmi citliv\u00fd zp\u016fsob, jak \u010dten\u00e1\u0159i \u0159\u00edct, \u017ee je zde mo\u017enost vyplnit dotazn\u00edk, ani\u017e bychom jej n\u00e1siln\u011b odv\u00e1d\u011bli od jeho \u010dinnosti na webu. Iframe i vyskakovac\u00ed okno maj\u00ed sv\u00e9 v\u00fdhody, p\u00ed\u0161eme o nich v \u010dl\u00e1nku <a href=\"https:\/\/www.survio.com\/cs\/blog\/jak-vytvorit-dotaznik\/6-zpusobu-jak-sdilet-dotaznik#4_Vlozeni_dotazniku_primo_do_obsahu_vlastnich_stranek\" target=\"_blank\" rel=\"noopener\">6 zp\u016fsob\u016f jak sd\u00edlet dotazn\u00edk<\/a>.<\/p>\n<figure id=\"attachment_6095\" aria-describedby=\"caption-attachment-6095\" style=\"width: 348px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-6095 size-full\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Iframe.gif\" alt=\"Iframe\" width=\"348\" height=\"200\" srcset=\"https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Iframe.gif 348w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Iframe-300x172.gif 300w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><figcaption id=\"caption-attachment-6095\" class=\"wp-caption-text\">iframe<\/figcaption><\/figure>\n<figure id=\"attachment_6100\" aria-describedby=\"caption-attachment-6100\" style=\"width: 348px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6100 size-full\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Pop-up.gif\" alt=\"Pop-up okno s dotazn\u00edkem\" width=\"348\" height=\"200\" srcset=\"https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Pop-up.gif 348w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Pop-up-300x172.gif 300w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><figcaption id=\"caption-attachment-6100\" class=\"wp-caption-text\">vyskakovac\u00ed okno<\/figcaption><\/figure>\n<h2>Jak nastavit webov\u00fd widget pro dotazn\u00edk v Survio?<\/h2>\n<p>M\u016f\u017eete upravit text na widgetu podle \u00fa\u010delu dotazn\u00edku. Nap\u0159\u00edklad:<\/p>\n<ul>\n<li>\u0158ekn\u011bte, co si mysl\u00edte.<\/li>\n<li>Ohodno\u0165te prob\u011bhlou akci.<\/li>\n<li>Co \u0159\u00edk\u00e1te na n\u00e1\u0161 person\u00e1l?<\/li>\n<li>Jste spokojen\u00ed s objedn\u00e1vkou?<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6102\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Web-widget-obrazek.png\" alt=\"Web widget nastaven\u00ed\" width=\"1163\" height=\"598\" srcset=\"https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget-obrazek.png 1163w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget-obrazek-300x154.png 300w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget-obrazek-1100x566.png 1100w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget-obrazek-768x395.png 768w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Web-widget-obrazek-530x273.png 530w\" sizes=\"(max-width: 1163px) 100vw, 1163px\" \/><\/p>\n<p>M\u016f\u017eete upravit i barvu widgetu, aby ladil s barvou va\u0161ich str\u00e1nek. N\u00e1sledn\u011b si zkop\u00edrujete vygenerovan\u00fd k\u00f3d a vlo\u017e\u00edte jej do vlastn\u00ed webov\u00e9 str\u00e1nky.<\/p>\n<h2>Jak vlo\u017eit widget do vlastn\u00ed str\u00e1nky<\/h2>\n<p>Je pot\u0159eba zkop\u00edrovan\u00fd k\u00f3d vlo\u017eit do HTML k\u00f3du va\u0161\u00ed str\u00e1nky. Zkop\u00edrovan\u00fd k\u00f3d widgetu vlo\u017ete \u00fapln\u011b nakonec, p\u0159ed tag <strong><span class=\"tagcolor\">&lt;<\/span>\/body<span class=\"tagcolor\">&gt;<\/span><\/strong>. Pokud m\u00e1te ve firm\u011b \u010dlov\u011bka, kter\u00fd m\u00e1 spr\u00e1vu webu na starost, po\u0161lete mu vygenerovan\u00fd k\u00f3d widgetu a on si s n\u00edm ji\u017e porad\u00ed.<\/p>\n<p>Widget m\u016f\u017eete do str\u00e1nky implementovat i tehdy, kdy\u017e je str\u00e1nka vytvo\u0159ena v n\u011bjak\u00e9m redak\u010dn\u00edm syst\u00e9mu (nap\u0159. WordPress). V n\u00e1sleduj\u00edc\u00edm videu se dozv\u00edte, jak implementovat widget do WordPressu. Uk\u00e1\u017eeme v\u00e1m to p\u0159\u00edmo na tomto \u010dl\u00e1nku, kam jsme vkl\u00e1dali widget, kter\u00fd te\u010f vid\u00edte na prav\u00e9 stran\u011b a m\u016f\u017eete si jej p\u0159\u00edmo vyzkou\u0161et.<\/p>\n<p><div class=\"embed embed-responsive embed-responsive-16by9\"><iframe title=\"Jak vlo\u017eit widget s dotazn\u00edkem na web\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/kFydn9cO5B0?start=35&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/p>\n<p>Pokud budete cht\u00edt ud\u011blat n\u011bjak\u00e9 zm\u011bny ve vzhledu widgetu, jednodu\u0161e si je zm\u011b\u0148te v nastaven\u00ed Survio. Pak se v\u00e1m vygeneruje nov\u00fd k\u00f3d a ten mus\u00edte znovu stejn\u00fdm zp\u016fsobem vlo\u017eit do str\u00e1nky m\u00edsto star\u00e9ho. Pak se aktualizuje vzhled widgetu na va\u0161em webu. Ov\u0161em v\u00fdsledky se budou ukl\u00e1dat st\u00e1le v r\u00e1mci toho stejn\u00e9ho dotazn\u00edku.<\/p>\n<p>Pokud se rozhodnete ukon\u010dit sb\u011br odpov\u011bd\u00ed u dan\u00e9ho dotazn\u00edku v Surviu, je t\u0159eba manu\u00e1ln\u011b vyjmout k\u00f3d widgetu z k\u00f3du va\u0161\u00ed str\u00e1nky, aby tam widget s ukon\u010den\u00fdm dotazn\u00edkem nez\u016fst\u00e1val. Pokud tak neu\u010din\u00edte, bude se widget z\u00e1kazn\u00edk\u016fm zobrazovat takto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6260 aligncenter\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik.png\" alt=\"Ukon\u010den\u00fd dotazn\u00edk - widget\" width=\"1654\" height=\"897\" srcset=\"https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik.png 1654w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik-300x163.png 300w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik-1100x597.png 1100w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik-768x417.png 768w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik-1536x833.png 1536w, https:\/\/blog-cz.survio.com\/wp-content\/uploads\/2021\/07\/Ukonceny-dotaznik-530x287.png 530w\" sizes=\"(max-width: 1654px) 100vw, 1654px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4573 aligncenter\" src=\"\/cs\/blog\/wp-content\/uploads\/2020\/10\/te\u010dky.png\" alt=\"\" width=\"124\" height=\"22\"><\/p>\n<p>Te\u010f u\u017e v\u00edte, jak webov\u00fd widget funguje. Implementujte jej i do sv\u00e9 webov\u00e9 str\u00e1nky a z\u00edsk\u00e1vejte zp\u011btnou vazbu v re\u00e1ln\u00e9m \u010dase. V\u00edce o Survio se dozv\u00edte na <a href=\"https:\/\/www.survio.com\/\" target=\"_blank\" rel=\"noopener\">webu<\/a> nebo na <a href=\"https:\/\/www.survio.com\/cs\/blog\/\" target=\"_blank\" rel=\"noopener\">blogu<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/survio.com\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5903 aligncenter\" src=\"\/cs\/blog\/wp-content\/uploads\/2021\/07\/Logo.png\" alt=\"Survio\" width=\"240\" height=\"58\"><\/a><\/p>\n<p>&nbsp;<\/p>\n\n\n<p><script type=\"text\/javascript\" async=\"\" defer=\"\" src=\"https:\/\/prod-8f86.kxcdn.com\/s1\/static\/widgets\/web-widget.js\" data-backgroundcolor=\"#88E2FF\" data-color=\"#000000\" data-text=\"Ohodno\u0165te \u010dl\u00e1nek\" data-url=\"https:\/\/www.survio.com\/survey\/d\/U7F3G1E5K5S8P9O5S\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<div class=\"post-excerpt\">P\u0159em\u00fd\u0161l\u00edte jak z\u00edsk\u00e1vat zp\u011btnou vazbu od z\u00e1kazn\u00edk\u016f a z\u00e1rove\u0148 je t\u00edm neobt\u011b\u017eovat? Webov\u00fd widget pro dotazn\u00edk tohle dok\u00e1\u017ee. Co to vlastn\u011b je a jak jej m\u016f\u017eete vyu\u017e\u00edt pro sv\u016fj byznys? Dozv\u00edte se v tomto \u010dl\u00e1nku.&hellip;<\/div>\n","protected":false},"author":3,"featured_media":6376,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-6120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-survio-funkce"],"_links":{"self":[{"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/posts\/6120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/comments?post=6120"}],"version-history":[{"count":5,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/posts\/6120\/revisions"}],"predecessor-version":[{"id":6280,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/posts\/6120\/revisions\/6280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/media\/6376"}],"wp:attachment":[{"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/media?parent=6120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/categories?post=6120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog-cz.survio.com\/wp-json\/wp\/v2\/tags?post=6120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}