{"id":12815,"date":"2023-03-28T19:24:22","date_gmt":"2023-03-28T19:24:22","guid":{"rendered":"https:\/\/www.foodfriends.com\/blog\/?p=12815"},"modified":"2023-03-29T14:10:32","modified_gmt":"2023-03-29T14:10:32","slug":"implementera-widget-pa-hemsida-andra","status":"publish","type":"post","link":"https:\/\/old.foodfriends.com\/blog\/implementera-widget-pa-hemsida-andra\/","title":{"rendered":"Implementera widget p\u00e5 hemsida &#8211; Andra"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Om du driver din webbplats p\u00e5 ett annat ramverk \u00e4n WordPress eller SquareSpace kan du l\u00e4gga till bokningswidgeten p\u00e5 din webbplats med hj\u00e4lp av n\u00e5gra enkla steg<\/p>\n<p>Kopiera f\u00f6ljande kodavsnitt f\u00f6r att kopiera det till urklipp:<\/p>\n<p>&lt;code&gt;&lt;script src=&#8221;https:\/\/www.bokabord.se\/widget.min.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/code&gt;<\/p>\n<p>Klistra in kodavsnittet precis innan\u00a0<strong>&lt;\/head&gt;<\/strong>\u00a0linjen i din indexfil.<\/p>\n<p>Anv\u00e4nd v\u00e5r\u00a0<strong>Knapp Generator<\/strong>\u00a0verktyg nedan f\u00f6r att f\u00e5 bokningsknappens stil kompatibel med din webbplats tema, f\u00e4rger och teckensnitt. Vi har skapat verktygstips f\u00f6r varje inst\u00e4llning f\u00f6r att v\u00e4gleda dig, dra bara musen \u00f6ver informationsikonerna f\u00f6r att se deras beskrivningar. \u00c4ndringarna \u00e5terspeglas i knappen inuti\u00a0<strong>Button Preview<\/strong>\u00a0omr\u00e5det tillsammans med\u00a0<strong>Code Block<\/strong>\u00a0inneh\u00e5ll.<\/p>\n<p>En viktig inst\u00e4llning \u00e4r\u00a0<strong>Button Type<\/strong>, som avg\u00f6r hur knappen visas p\u00e5 er hemsida :<\/p>\n<ul>\n<li><strong>Flytande:\u00a0<\/strong>Ni f\u00e5r v\u00e4lja om ni vill att knappen ska visas vid webbplatsens kant eller vid ett h\u00f6rn. Den kommer att visas vid en fast position p\u00e5 hemsidan.<\/li>\n<li><strong>Standard :\u00a0<\/strong>D\u00e4r du v\u00e4ljer att ha knappen p\u00e5 hemsidan kommer den att visas som ett block. Du kan v\u00e4lja den horisontella linjeringen av knappen inuti blocket.<\/li>\n<\/ul>\n<p>N\u00e4r du har konfigurerat din knapps stil klickar du p\u00e5\u00a0<strong>Copy Code Block<\/strong>\u00a0l\u00e4nken under\u00a0<strong>Code Block<\/strong>\u00a0rutan till h\u00f6ger f\u00f6r att kopiera knappkoden till urklipp.<\/p>\n<p><strong>Klistra in<\/strong>\u00a0det kopierade knappkodsblocket till\u00a0<strong>&lt;body&gt;<\/strong>\u00a0dit du vill att knappen ska synas.<\/p>\n<p>&lt;div style=&#8221;width: 100%; display: block; text-align: center;&#8221;&gt;&lt;button class=&#8221;waiteraid-widget&#8221; style=&#8221;background-color: #222222; border-color: #767676; border-radius: 3px; border-style: solid; border-width: 2px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; height: 45px; width: 105px; margin: 0; padding: 0; cursor: pointer;&#8221; onfocus=&#8221;this.style.outline = 0;&#8221; onmouseover=&#8221;this.style.backgroundColor = &#8216;#222222&#8217;; this.style.color = &#8216;#ffffff&#8217;;&#8221; onmouseout=&#8221;this.style.backgroundColor = &#8216;#222222&#8217;; this.style.color = &#8216;#ffffff&#8217;;&#8221; data-hash=&#8221;b1d4a29b35ea2d8dca6234c5e2af9850&#8243;&gt;Boka bord&lt;\/button&gt;&lt;\/div&gt;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Om du driver din webbplats p\u00e5 ett annat ramverk \u00e4n WordPress eller SquareSpace kan du l\u00e4gga till bokningswidgeten p\u00e5 din webbplats med hj\u00e4lp av n\u00e5gra enkla steg Kopiera f\u00f6ljande kodavsnitt f\u00f6r att kopiera det till urklipp: &lt;code&gt;&lt;script src=&#8221;https:\/\/www.bokabord.se\/widget.min.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/code&gt; Klistra in kodavsnittet precis innan\u00a0&lt;\/head&gt;\u00a0linjen i din indexfil. Anv\u00e4nd v\u00e5r\u00a0Knapp Generator\u00a0verktyg nedan f\u00f6r att f\u00e5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[249],"tags":[],"class_list":["post-12815","post","type-post","status-publish","format-standard","hentry","category-articles-sverige"],"_links":{"self":[{"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/posts\/12815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/comments?post=12815"}],"version-history":[{"count":29,"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/posts\/12815\/revisions"}],"predecessor-version":[{"id":12903,"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/posts\/12815\/revisions\/12903"}],"wp:attachment":[{"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/media?parent=12815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/categories?post=12815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/old.foodfriends.com\/blog\/wp-json\/wp\/v2\/tags?post=12815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}