6. modul - 3.lekce

Sociální sítě na webu

Věřím, že většina z vás používá minimálně 2 platformy sociálních sítí. Může to být například Facebook, Instagram, X (Twitter), YouTube, LinkedIn nebo také Pinterest, TikTok či Snapchat. Všechny zmíněné platformy lze propojit s vaším webem na Showit.

Pro většinu sociálních sítí existuje přímo v Showit ikona, přes kterou svůj účet propojíte. Instagram můžete sdílet i s aktuálními příspěvky.


NASTAVENÍ SOCIÁLNÍCH SÍTÍ - PŘÍPRAVA

Před samotným přidáváním ikon sociálních sítí je důležité provést základní nastavení:

1. Základní konfigurace:

  • Otevřete Site Settings > Social 
  • Zde můžete přednastavit všechny vaše sociální sítě

2. Příprava odkazů:

  • Otevřete si své profily na sociálních sítích
  • Zkopírujte kompletní URL adresy vašich profilů
  • Toto nastavení pak usnadní práci při vytváření odkazů, protože můžete využít přednastavené sociální odkazy přes: Click Action > Social Link > (výběr konkrétní sítě)


IKONY SOCIÁLNÍCH SÍTÍ

Nejjednodušší a velmi používanou variantou jsou ikonky sociálních sítí. Vybírat můžete prakticky ze všech existujících sítí. Tato varianta je vhodná například pro: 

  • přidání odkazů na vaše sociální sítě v kontaktech
  • umístění v menu
  • zobrazení v patičce
  • odkazy na sociální sítě dodavatelů

Jak ikonu přidat? 

  • Ve spodní liště přidejte ikonu (defaultně se vloží smajlík)
  • V pravém panelu - záložce ICON CHOOSER - vyberte požadovaný vzhled
  • Po tomto základním nastavení můžete přidávat URL ikonám dvěma způsoby:
  • Použitím přednastavených sociálních odkazů (Social Link)
  • Přímým vložením URL adresy

Toto nastavení zajistí konzistentní propojení napříč celým webem a zjednodušuje případné budoucí úpravy odkazů.

Tip: Vždy nastavte "open in new window", aby návštěvník neopustil vaše stránky.


INSTAGRAM - SOCIAL GRID

Pro propojení Instagramu s webem je nejlepším řešením social grid. Umožňuje vložit instagramovou "mřížku" přímo na web, kam potřebujete. Nejčastěji se používá v patičce, ale můžete být kreativní a umístit ji kamkoliv.

Jak přidat Social Grid?

1. Přidání elementu:


  • Použijte spodní lištu pro přidání Social Grid
  • Element se automaticky vloží na váš canvas

2. Nastavení v pravém panelu:

  • Upravte mezery mezi "obrázky" podle potřeby
  • Nastavte záložní obrázky (Fallback images)   
  • Tyto jsou klíčové pro případ, kdy se nenačtou aktuální příspěvky z Instagramu 
  • Zajistí, že grid nezůstane prázdný

3. Propojení s Instagram účtem:

  • V pravém panelu najdete možnost připojení Instagram účtu
  • Následujte instrukce pro autorizaci a propojení

Tip: Záložní obrázky vždy nastavte tak, aby vizuálně ladily s vaším webem a reprezentovaly váš brand i v případě, že se aktuální Instagram feed nenačte.


Před pokračováním do další části kurzu si prověřte své nově získané znalosti v krátkém kvízu. Úspěšné zvládnutí kvízu vám potvrdí, že jste šestý modul správně pochopili a můžete se pustit do dalších lekcí.