Homepage-Baukasten-Widgets: So baust Du externe Inhalte in Deine Website ein

Homepage-Baukasten-Widgets: So baust Du externe Inhalte in Deine Website ein

Die eigene Internetseite erweiterst Du mit dem Homepage-Baukasten von STRATO ganz einfach um Inhalte anderer Seiten, zum Beispiel um Facebook-Posts, YouTube-Videos oder Karten von Google Maps. Wir zeigen Dir, was Du alles auf Deiner Website einbinden kannst und wie einfach das geht.

Widgets: Kleine Bausteine, um Inhalte einzufügen

Im Homepage-Baukasten gibt es sogenannte Widgets: Das sind Bausteine, die Du frei in den Design-Feldern des Homepage-Baukastens platzieren kannst, um Inhalte anderer Seiten schnell und einfach einzufügen oder Deine Website um sinnvolle Funktionen zu erweitern. Im Baukasten findest Du folgende Arten von Widgets:

  • Social-Media-Widgets, um Nachrichten und Statusmeldungen einzubinden
  • Shop-Widgets, um Produkte zu verkaufen
  • Widgets zur Vereinbarung von Terminen oder zum Einbinden von Karten
  • Widgets, um Fotos, Bildergalerien oder Videos einzubinden
  • Ein Embed-Widget, um Inhalte über HTML-Code aus anderen Seiten einzubinden

Klicke im Homepage-Baukasten auf den Reiter Inhaltselemente: Damit blendest Du eine Übersicht mit allen verfügbaren Widgets ein.

Der STRATO Homepage-Baukasten hat viele Widgets, um Inhalte anderer Seiten einzufügen. Damit integrierst Du zum Beispiel Inhalte aus sozialen Netzwerken in Deine Homepage.

1. Widgets für soziale Netzwerke

Im Bereich Inhaltselemente gibt es viele Widgets zu entdecken, mit denen Du Nachrichten und Status-Updates aus sozialen Netzwerken auf Deiner Webseite anzeigen kannst. Zu den Widgets in diesem Bereich gehören:

  • Facebook
  • Twitter
  • YouTube
  • Vimeo
  • Xing
  • Linkedin
Per Drag und Drop ziehst Du Widgets auf Deine Website und erzeugst so im Handumdrehen Kontaktformulare, Karten, Fotoalben und vieles mehr.

Wie Du die Social-Media-Widgets und andere Widgets einbindest, erfährst Du in unserer FAQ zum Homepage Baukasten.

2. Widgets für Shops, Termine und Karten

Widgets helfen Dir auch, Produkte und Services auf Deiner Website anzubieten. Mit dem Shop-Widget kannst Du einen eigenen Shop auf Deiner Website integrieren.

Möglichkeiten für Terminvereinbarungen oder Reservierungen auf Deiner Website bietest Du mit dem Kalender-Widget an. Über das Kontaktformular-Widget bindest Du ein Kontaktformular auf Deiner Website ein, damit Dir Besucher Nachrichten schreiben können. Das Widget Lage/Anfahrtsplan hilft Deinen Website-Besuchern beim schnellen Auffinden von Orten und bei der Routenplanung.

Binde ein Kontaktformular ein, um für Besucher erreichbar zu sein.

3. Widgets für Fotos, Diashows und Collagen

Einfach nur Bilder auf der Website sind heute für eine gelungene Präsentation nicht mehr genug. Die Widgets Fotogallerie, Foto-Diashow und Foto-Collage geben Dir kreative Möglichkeiten Deine Bilder oder Produkte ansprechend auf Deiner Website zu präsentieren. Nach dem Einfügen der Widgets lädst Du nur noch die Motive hoch und konfigurierst das Modul nach Deinen Vorstellungen. In sehr kurzer Zeit entstehen so effektvolle Hingucker.

Im Diashow-Editor des Diashow-Widgets lassen sich Bilder ganz einfach hochladen und zusammenstellen.

4. Embed-Widget: HTML-Code aus anderen Websites einfügen

Sollte kein passendes Widget für den externen Inhalt zur Verfügung stehen, den Du einbinden willst, setzt Du das Widget Embed ein. Darin fügst Du HTML-Code ein, den Dir andere Websites zur Verfügung stellen. Das funktioniert beispielsweise mit folgenden Online-Angeboten:

  • Pinterest-Boards
  • Bilder bei Deviant Art
  • Spotify-Playlisten
  • Deezer-Playlisten
  • Etsy-Shops
  • Meerkat-Video
  • Periscope-Video
  • u.v.m.

Das folgende Beispiel zeigt Dir, wie Du ein Pinterest-Widget einbindest:

  1. Öffne den Reiter Inhaltselemente im Homepage-Baukasten und ziehe das Embed Widget auf der Website an die gewünschte Position.

  2. In einem neuen Browser-Fenster rufst Du den Widget Builder von Pinterest auf. Hier wählst Du aus, ob Du einen einzelnen Pin, ein Pin-Board oder ein Profil verlinken willst. In unserem Beispiel wählen wir ein Board. Gib dann die URL des Boards ein.

  3. Kopiere den Code aus dem Eingabefeld in die Zwischenablage und gehe zum Homepage-Baukasten. Öffne mit einem einfachen Klick auf das Zahnrad-Symbol die Einstellungen für das Embed Widget.

  4. Wähle bei Art der Einbindung die Option Embed-Code und füge den HTML-Code aus der Zwischenablage im Feld darunter ein. Bestätige mit OK.
Über den Widget Builder von Pinterest generierst Du den HTML-Code, den Du im nächsten Schritt im Homepage-Baukasten einfügst.
Gib den HTML-Code im Embed-Widget ein, um das Pinterest Board auf Deiner Website einzubinden.

Ab sofort zeigt Deine Website automatisch die letzten 30 Einträge vom eingebundenen Pinterest-Board an.

Auf Deiner Startseite erscheinen nun die aktuellsten Pins in Deinem Pinterest Board.

Du hast schon Widgets über Deinen Homepage-Baukasten eingebunden? Dann kommentiere diesen Beitrag und zeige uns Deine Website mit Deinen Widgets.

Hast Du Lust bekommen, Deine eigene Website mit dem Homepage-Baukasten zu erstellen?

Zum STRATO Homepage-Baukasten

Dieser Beitrag erschien ursprünglich am 25. Februar 2016, geschrieben von
Jörn-Erik Burkert. Wir haben den Beitrag aktualisiert.

Schlagworte:

Teilen

  1. Avatar

    Chris sagte am

    Also ich bin ziemlich sauer.

    Ich versuche seid 3 Tagen ein Spendenformular der Fundraisingbox auf meiner Homepage einzubinden und es klappt nicht.
    Natürlich ist niemand Schuld, aber keiner hat eine Lösung parat.
    Testlinks bzgl Javascript klappen perfekt. Iframes auch. nur dieser eine Link nicht.

    Sehr schade

    Antworten
    • Avatar

      Sebastian Thurow sagte am

      Hallo Chris,

      das klingt in der Tat ärgerlich. Kannst Du mir vielleicht genauer sagen, wie Du versuchst, das Spendenformular einzubinden? Dann könnte ich Deine Problematik meinem zuständigen Kollegen besser schildern und so hoffentlich eine Lösung finden.

      Viele Grüße
      Sebastian

      Antworten
  2. Avatar

    Rene sagte am

    Hallo, eigentlich habe ich nur eine kleine Frage. Das Neuigkeiten Widget ist an sich ne feine Sache. Aber gene würde ich die Möglichkeit haben meinen Neuigkeiten auch ein Bild hinzufügen um Neuigkeiten zu unterstreichen.
    Jedoch finde ich nur eine Dokumenten Download Funktion was keinen Nutzen für mich hat.

    Kann man Bilder zu einer Neuigkeit über eben dieses Widget nicht hinzufügen?

    Danke und Beste Grüße

    Antworten
    • Avatar

      Sebastian Thurow sagte am

      Hallo Rene,

      leider können über das Neuigkeiten-Widget, wie Du schon angemerkt hast, keine Bilder eingefügt werden. Ich habe Deinen Kommentar aber als Feedback an meine Kollegen weitergeleitet.

      Viele Grüße
      Sebastian

      Antworten
Weitere Kommentare laden

Sie können erst kommentieren, wenn Sie unseren Datenschutzbestimmungen und den Cookies zugestimmt haben. Aus Datenschutzrechtlichen Gründen dürfen wir andernfalls keine personenbezogenen Daten von Ihnen aufzeichnen.

Klicken Sie dazu einfach unten im Browser Fenster auf den blauen Button Akzeptieren. Nach dem Neuladen der Seite können Sie Ihr Kommentar schreiben.

 

Diese Webseite verwendet Cookies, um die Nutzung der Seite zu verbessern, den Erfolg von Werbemaßnahmen zu messen und interessengerechte Werbung anzuzeigen. Durch die Nutzung dieser Seite erklären Sie sich damit einverstanden. Informationen