{"id":3621,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-social-widget\/"},"modified":"2022-06-27T07:20:05","modified_gmt":"2022-06-27T07:20:05","slug":"sosial","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/sosial\/","title":{"rendered":"Landingssidens Sosial-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Sosial-widgeten<\/strong>&nbsp;hjelper deg med \u00e5 legge til profilkoblinger for sosiale medier til landingssiden din. Ved \u00e5 bruke denne widgeten kan du legge til lenker til en Facebook-side, Instagram-profil, Twitter-h\u00e5ndtak, Youtube-kanal og LinkedIn-profiler.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>Hvordan bruke en sosial widget p\u00e5 en landingsside?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 1<\/h3>\n<h3>Naviger til landingssidebyggeren<\/h3>\n<p>Bruk <strong>hovedmenyen<\/strong> til venstre for \u00e5 lage en <strong>landingsside<\/strong> og deretter <a href=\"\/hc\/nb_NO\/landingsside\/lage\/opprett-ny\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigere til landingssidebyggeren v\u00e5r<\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 2<\/h3>\n<h3>Legg til en sosial widget p\u00e5 landingssiden din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong><strong>&nbsp;<\/strong>hvor du designer landingssiden din, og omr\u00e5det til h\u00f8yre er verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som <a href=\"\/hc\/nb_NO\/landingsside\/lage\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Widgets<\/a> .<\/p>\n<p>For \u00e5 legge til lenker til sosiale medieprofiler p\u00e5 landingssiden din, dra og slipp den <strong>sosiale<\/strong> widgeten til arbeidsomr\u00e5det <em>(som fremhevet i skjermbildet <em style=\"box-sizing: border-box; font-family: elevio-noto-sans, Helvetica, Arial, sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; font-style: italic; color: rgba(0, 0, 0, 0.8); font-size: 16px; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">nedenfor<\/em> ).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1824 size-full\" title=\"Landing page social widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-sosial-widget.png\" alt=\"Landingssidebygger-widget for sosiale medier for facebook, instagram, linkedin og twitter\" width=\"532\" height=\"749\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Velg ikonene for sosiale medier du vil legge til p\u00e5 landingssiden din.<\/h3>\n<p>N\u00e5r du slipper widgeten inn i arbeidsomr\u00e5det, vises widgetinnstillingene til h\u00f8yre <em>(som uthevet i skjermbildet <em style=\"box-sizing: border-box; font-family: elevio-noto-sans, Helvetica, Arial, sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; font-style: italic; color: rgba(0, 0, 0, 0.8); font-size: 16px; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\">nedenfor).<\/em><\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1826\" title=\"Landing page SoMe icons\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/sosiale-medier-landingsside-ikoner.png\" alt=\"Ikoner for sosiale medier er uthevet. Facebook, twitter, linkedin, instagram og youtube-ikoner\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Du vil legge merke til at alle sosiale medieplattformer vises som en liste.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1827 size-full\" title=\"Landing page social media icons display\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/sosiale-medier-ikoner-visning.png\" alt=\"Landingsside sosiale medier, innstillinger-fane. Velg hvilke plattformer du vil vise\" width=\"540\" height=\"157\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Som fremhevet i skjermbildet ovenfor, er det to alternativer mot hver oppf\u00f8ring:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>En <strong>slett-<\/strong>knapp \u2013 Bruk den til \u00e5 slette de irrelevante sosiale medieikonene fra landingssiden din.<\/li>\n<li>En <strong>utvid-<\/strong>knapp \u2013 For ikonene du \u00f8nsker \u00e5 beholde, klikker du p\u00e5 utvidelsesknappen for \u00e5 angi de p\u00e5f\u00f8lgende detaljene.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><strong>La oss ta en titt p\u00e5 de utvidede innstillingene for ikonene for sosiale medier:<\/strong><\/p>\n<h4><strong>3.1 Innstillinger for Facebook, Twitter og LinkedIn<\/strong><\/h4>\n<p>Lignende innstillinger er tilgjengelige for disse tre mediene. For eksempel:<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1828 size-full\" title=\"Social media widget settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/sosiale-medier-innstillinger.png\" alt=\"Innstillinger for sosiale medier for facebook, twitter og linkedin\" width=\"511\" height=\"292\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p><strong>Bruk disse innstillingene til \u00e5 spesifisere om:<\/strong><\/p>\n<ul style=\"list-style-type: circle;\">\n<li>du \u00f8nsker \u00e5 omdirigere klikkene til bedriftens Facebook-side-URL (den som er spesifisert under kontoens integrasjoner), eller<\/li>\n<li>du vil omdirigere klikkene til en annen URL.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4><strong>3.2 Innstillinger for Instagram og Youtube<\/strong><\/h4>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1829 size-full\" title=\"Instagram settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/sosiale-medier-instagram-innstilling.png\" alt=\"Landingsside sosiale medier. Instagram-innstillinger\" width=\"509\" height=\"247\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her skriver du inn nettadressen du vil omdirigere klikkene til.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 4<\/h3>\n<h3>Stil dine sosiale medier-ikoner<\/h3>\n<p>Som standard viser vi ikonene for sosiale medier med deres originale merkevarestiler, men du kan tilpasse utseendet til ikonene hvis du \u00f8nsker det.<\/p>\n<p>For \u00e5 tilpasse utseendet og f\u00f8lelsen til ikonene, klikk p\u00e5 <strong>Stil-<\/strong>fanen som uthevet i skjermbildet nedenfor:<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1830\" title=\"Social media widget style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-sosiale-media-innstillinger.png\" alt=\"Stilinnstillinger for landingsside for sosiale medier-widgeter\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her er de forskjellige designalternativene som er tilgjengelige:<\/p>\n<h4><strong>4.1 Skriftinnstillinger og bakgrunnsfarge for Sosial-widgeten<\/strong><\/h4>\n<ul>\n<li><strong>Bakgrunnsfarge for Sosial-widgeten<\/strong>&nbsp;for \u00e5 endre fargen p\u00e5 widgetbakgrunnen. Du kan ogs\u00e5 velge \u00e5 gj\u00f8re widgetbakgrunnen gjennomsiktig.<\/li>\n<li>Slik tilpasser du ikonene:\n<ol>\n<li>Velg ikonet du vil tilpasse ved \u00e5 bruke dropdown-menyen \u2013 <strong><strong>Velg social-ikon for fargeendring<\/strong><\/strong>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1833 size-full\" title=\"Social media icon color\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/sosial-ikon-farge.png\" alt=\"Landingsside sosiale medier. Velg sosial ikonfarge\" width=\"532\" height=\"155\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<\/li>\n<li>Deretter velger du fargene du \u00f8nsker \u00e5 bruke for ikonbakgrunnen, og selve ikonet ved \u00e5 bruke dropdown-menyen henholdsvis <strong>Valgt ikonbakgrunnsfarge<\/strong> og <strong>Valgt ikonfarge.<\/strong><\/li>\n<li>Velg avmerkingsboksen <strong>Valgt bakgrunn og ikonfarge gjelder alle<\/strong> hvis du \u00f8nsker \u00e5 bruke det valgte fargeskjemaet p\u00e5 alle sosiale ikoner.<\/li>\n<li>Bruk <strong>avrundede hj\u00f8rner<\/strong>&nbsp;st\u00f8rrelseslingenlinjen for \u00e5 legge til avrundede hj\u00f8rner for ikonene.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4><strong>4.2 Sosial-innstillinger<\/strong><\/h4>\n<p>Tilpass ikonene ved \u00e5 bruke f\u00f8lgende innstillinger:<\/p>\n<ul>\n<li><strong>Orientering for<\/strong> \u00e5 velge om du vil vise ikonene vertikalt (det ene under det andre), eller horisontalt (side ved side)<\/li>\n<li><strong>Sosial-<\/strong><strong>posisjon<\/strong>&nbsp;for \u00e5 velge plasseringen av ikonene innenfor widgetgrensen.<\/li>\n<li><strong>Horisontalt ikon-mellomrom&nbsp;<\/strong>for \u00e5velge avstanden mellom ikonene.<\/li>\n<li><strong>Vertikal ikon-mellomrom<\/strong>&nbsp;for \u00e5 justere avstanden mellom ikonet og widgetgrensene.<\/li>\n<\/ul>\n<p>Klikk <strong>Lagre,<\/strong> og det er det!<\/p>\n<p>Du har lagt til profilkoblingene dine p\u00e5 sosiale medier p\u00e5 landingssiden din!<\/p>\n<p>La oss fortsette og se p\u00e5 hvordan du legger til en bunntekst p\u00e5 en landingsside ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/landingsside\/lage\/bunntekst\/\" target=\"_blank\" rel=\"noopener noreferrer\">bunntekst-widgeten<\/a> !<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Den sosiale widgeten hjelper deg \u00e5 legge til profillenker for sosiale medier til landingssiden din (Facebook, Instagram, Twitter, Youtube og LinkedIn).<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[279],"ht-kb-tag":[],"class_list":["post-3621","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder-nb_no"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/comments?post=3621"}],"version-history":[{"count":9,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3621\/revisions"}],"predecessor-version":[{"id":10704,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3621\/revisions\/10704"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3621"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3621"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}