Erweiterte Elemente im Homepage Baukasten verwalten

Hier finden Sie helfende Beiträge und Beschreibungen und erweiterten Elementen im Homepage Baukasten von DM Solutions.

• Wie benutze ich das „Nach oben scrollen“ Element?

  Wenn Ihre Seite über viele Inhalte verfügt und dementsprechend lang ist, sollten Sie Ihren Nutzern die Möglichkeit bieten, von unten schnell wieder zum oberen Bereich der Seite zu gelangen. Dazu gibt es das „Nach oben scrollen“ Element.

  „Nach oben scrollen“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „“Nach oben scrollen“ Element aus. Das Element erscheint dann standardmäßig in der unteren rechten Ecke Ihrer Webseite

  Bild anpassen:

  1. Symbolfarbe: Klicken Sie auf das Stift-Symbol bei „Symbolfarbe“ und wählen Sie die Farbe aus, die das „Nach oben scrollen“ Symbol haben soll
  2. Rahmen: Klicken Sie auf das Stift-Symbol bei „Rahmen“, um einen Rahmen zum Element hinzuzufügen. Legen Sie Breite, Farbe und Stil des Rahmens fest

  Zu einem Button hinzufügen:

  1. Wählen Sie das Button Element in der Hauptwerkzeugleiste aus und ziehen Sie es auf die Webseite
  2. Wählen Sie den gewünschten Button aus
  3. Klicken Sie in der rechten Werkzeugleiste auf das Stift-Symbol neben „URL aufrufen“ und wählen Sie im neuen Fenster „Nach oben scrollen“ aus
  4. Klicken Sie unten rechts auf „Übernehmen“
• Wie benutze ich das „Booka.place“ Element?

  „Booka.place“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Booka.place“ Element aus

  „Booka.place“ anpassen:

  1. Geben Sie in der Werkzeugleiste rechts Ihren Anmeldenamen in das entsprechende Feld ein
  2. Wählen Sie die Kontonummer aus
  3. Geben Sie die App-Nummer ein
  4. Klicken Sie auf das Stift-Symbol bei Textfarbe und Hintergrundfarbe, um diese anzupassen
  5. Wählen Sie das Startdatum und den Endtermin aus
  6. Legen Sie fest, wie viele Monate im Kalender auf einmal angezeigt werden sollen
• Wie benutze ich das „Banner“ Element?

  "Banner" hinzufügen:

  1. Ziehen Sie das Element "Erweitert" von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Banner“ Element aus
  3. Klicken Sie in der Werkzeugleiste rechts auf das Stift-Symbol bei "Bild" und laden Sie das Bild für Ihr Banner hoch
  4. Geben Sie die Banner-URL in das entsprechende Feld ein

  "Banner" anpassen:

  1. Skript: Klicken Sie auf das Stift-Symbol bei „Skript“ in der rechten Werkzeugleiste und fügen Sie Ihr Skript ein. Entfernen Sie nicht den Haken bei „Inhalt deaktivieren während der Verwendung“, während Sie im Homepage Baukasten arbeiten. Auf diese Weise stellen Sie sicher, dass das Skript nicht den Baukasten stört.
  2. Größe: Legen Sie die Höhe und Breite des Banners manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das "AdSense" Element?

  "AdSense" hinzufügen:

  1. Ziehen Sie das Element "Erweitert" von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das "AdSense" Element aus
  3. Klicken Sie in der rechten Werkzeugleiste auf das Stift-Symbol bei "HTML Code" und fügen Sie Ihren AdSense Code ein. Entfernen Sie nicht den Haken bei "Inhalt deaktivieren während der Verwendung", während Sie im Homepage Baukasten arbeiten. Auf diese Weise stellen Sie sicher, dass das Skript nicht den Baukasten stört.

  "AdSense" anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie kann ich „Google Kalender“ integrieren?

  „Google Kalender“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Google Kalender“ Element aus
  3. Geben Sie in der Werkzeugleiste auf der rechten Seite die Google Kalender ID in das entsprechende Feld ein

  „Google Kalender“ anpassen:

  1. Kalender-Name: Legen Sie in der Werkzeugleiste auf der rechten Seite einen Namen für den Kalender fest
  2. Sprache: Legen Sie fest, in welcher Sprache der Kalender angezeigt werden soll
  3. Zeitzone: Legen Sie die Zeitzone des Kalenders fest
  4. Erster Tag: Legen Sie fest, mit welchem Tag der Kalender beginnen soll
  5. Hintergrundfarbe: Klicken Sie auf das Stift-Symbol bei „Hintergrundfarbe“ , um die Farbe anzupassen
  6. Ansichtsmodus: Legen Sie fest, ob der Kalender in der Wochen-, Monats- oder Agenda-Ansicht angezeigt werden soll
  7. Optionen: Wählen Sie aus, welche zusätzlichen Elemente im Kalender angezeigt werden sollen
  8. Größe: Legen Sie die Höhe und Breite des Kalenders manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „Tabelle“ Element?

  „Tabelle“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Tabelle“ Element aus

  „Tabelle“ anpassen:

  1. Zeilen und Spalten einfügen: Machen Sie einen Rechtsklick auf die Tabelle, gehen Sie auf „Einfügen“ und wählen Sie „Zeile“ oder „Spalte“ aus
  2. Zeilen und Spalten löschen: Machen Sie einen Rechtsklick auf die Tabelle, gehen Sie auf „Löschen“ und wählen Sie „Zeile“ oder „Spalte“ aus
  3. Zellentext bearbeiten: Machen Sie einen Rechtsklick auf die Tabelle und gehen Sie auf „Zellentext bearbeiten“
  4. Zelle(n) leeren: Machen Sie einen Rechtsklick auf die Tabelle und gehen Sie auf „Zelle(n) leeren“
  5. Rahmen: Klicken Sie in der Werkzeugleiste rechts auf das Stift-Symbol bei „Rahmen“ und legen Sie Breite, Farbe und Stil des Rahmens fest
  6. Größe: Legen Sie die Höhe und Breite der Tabelle manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie kann ich „Zendesk“ integrieren?

  „Zendesk“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Zendesk“ Element aus
  3. Geben Sie im Feld „Widget-Taste“ den Widget-Schlüssel ein

  „Zendesk“ anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Formulars manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie kann ich „Olark“ integrieren?

  „Olark“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Olark“ Element aus
  3. Geben Sie die Site-ID in das entsprechende Feld in der rechten Werkzeugleiste ein

  „Olark“ anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie kann ich „Tawk.to“ integrieren?

  „Tawk.to“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Tawk.to“ Element aus
  3. Geben Sie die Site-ID in das entsprechende Feld in der rechten Werkzeugleiste ein

  „Tawk.to“ anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „Countdown“ Element?

  „Countdown“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Countdown“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste den Endtermin und die Endzeit in den jeweiligen Feldern ein

  „Countdown“ anpassen:

  1. Countdown Anzeige: Klicken Sie auf das Stift-Symbol neben „Countdown“, um Schriftart, Farbe und Stil anzupassen
  2. Test: Klicken Sie auf das Stift-Symbol bei „Text“, um Größe, Farbe, Schriftart und Stil anzupassen
  3. Untertitelabstand: Legen Sie fest, wie groß der Abstand der Beschriftung zum Countdown ist
  4. Beschriftungsposition: Legen Sie fest, ob die Beschriftung über oder unter dem Countdown angezeigt werden soll
  5. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „GetButton“ Element?

  Mit GetButton haben Sie die Möglichkeit, sich mit Facebook Messenger, WhatsApp, Viber, Snapchat, Line, Telegram, Vkontakte, SMS, E-Mail und Instagram zu verbinden.

  „GetButton“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „GetButton“ Element aus
  3. Setzen Sie in der Werkzeugleiste auf der rechten Seite einen Haken bei den Plattformen, die Sie mit GetButton verbinden möchten

  „GetButton Pro“ hinzufügen:

  Wenn Sie mehr als zwei Plattformen mit GetButton verbinden möchten, benötigen Sie die Pro-Version. Dazu gehen Sie wie folgt vor:

  1. Pro-Version aktivieren: Geben Sie den Pro-Schlüssel in das entsprechende Feld in der rechten Werkzeugleiste ein
  2. Grußnachricht: Schreiben Sie eine Grußnachricht in das entsprechende Feld. Sie erscheint 5 Sekunden, nachdem die Seite geladen wurde
  3. Firmenlogo: Geben Sie die Firmen-Logo URL in das entsprechende Feld ein
  4. Branding deaktivieren: Deaktivieren Sie das Branding, indem Sie einen Haken bei der entsprechenden Option setzen
  5. Google Analytics: Setzen Sie einen Haken bei „Verfolgen Sie Klicks in Google Analytics“, um Google Analytics zu aktivieren
  6. Farbe: Klicken Sie auf das Stift-Symbol bei „Farbe“, um die Farbe anzupassen
  7. Position: Legen Sie die vertikale und horizontale Position des Buttons fest

  „GetButton“ anpassen:

  1. Call to Action: Geben Sie einen benutzerdefinierten Call to Action ein, der bei Desktop-Geräten erscheint
  2. Position: Legen Sie fest, ob sich der Button auf der rechten oder linken Seite befinden soll
  3. Farbe: Klicken Sie auf das Stift-Symbol bei „Farbe“, um die Farbe des Buttons anzupassen
  4. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „Hochzählen“ Element?

  „Hochzählen“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Hochzählen“ Element aus
  3. Schreiben Sie in die Felder „Von“ und „Bis“ in der rechten Werkzeugleiste die Zahlen, auf die hochgezählt werden soll

  „Hochzählen“ anpassen:

  1. Dauer: Legen Sie fest, wie schnell oder langsam hochgezählt werden soll
  2. Text: Klicken Sie auf das Stift-Symbol neben „Text“, um Schriftart, Schriftgröße, Farbe, Stil, Ausrichtung und Buchstabenabstand anzupassen
  3. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „Smartarget Whatsapp“ Element?

  „Smartarget Whatsapp“ hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Smartarget Whatsapp“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste die Smartaget Benutzer ID in das entsprechende Feld ein

  „Smartarget Whatsapp“ anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie füge ich einen Blog zu meiner Webseite hinzu?

  Element „Blog“ hinzufügen:

  1. Ziehen Sie das Element „Bloggen“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das gewünschte Blog Layout aus
  3. Klicken Sie in der rechten Werkzeugleiste auf „Neuer Blog-Beitrag“, um einen neuen Beitrag zu verfassen
  4. Ergänzen Sie ein Beitragsbild, Beitragstitel, Datum und Uhrzeit. Wenn der Beitrag noch nicht veröffentlicht werden soll, dann setzen Sie den Status auf „Entwurf“
  5. Schreiben Sie Ihren Beitrag in das Text-Feld

  Ihren Blog anpassen:

  1. Hintergrund: Klicken Sie in der rechten Werkzeugleiste beim Menüpunkt „Bloggen“ auf das Stift-Symbol bei „Hintergrund“, um eine Hintergrundfarbe festzulegen und deren Opazität anzupassen
  2. Thumbnails: Im Menüpunkt „Thumbnails“ in der rechten Werkzeugleiste können Sie die Breite, Höhe, den Innenabstand und die Ausrichtung der Thumbnails festlegen. Zudem lassen sich verschiedene Animationen für die Zustände „Normal“ und „Bei Mouse-Over“ einstellen
  3. Filter: Setzen Sie im Menüpunkt „Filter“ in der rechten Werkzeugleiste einen Haken bei „Textsuchfilter anzeigen“, um die Filterfunktion und die Suchleiste für Ihren Blog zu aktivieren
  4. Animation: Legen Sie bei Bedarf Animationen für die Zustände „Normal“ und „Bei Mouse-Over“ fest

  Datumsformat in Blog-Posts anpassen:

  1. Wählen Sie den Menüpunkt „Artikelübersicht“ in der rechten Werkzeugleiste
  2. Klicken Sie auf das Stift-Symbol bei „Datumsformat“
  3. Fügen Sie Jahr, Monat, Tag und Uhrzeit anhand der unten aufgelisteten Variablen hinzu
  4. Schließen Sie das Fenster
• Wie kann ich ein „Akkordeon“ zu meiner Webseite hinzufügen?

  Akkordeon hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Akkordeon“ Element aus

  Akkordeon bearbeiten:

  1. Neues Element: Klicken Sie im Menüpunkt „Akkordeon“ in der rechten Werkzeugleiste auf „Neues Element“, um das Akkordeon um ein Element zu erweitern
  2. Elemente bearbeiten: Klicken Sie im Menüpunkt „Akkordeon“ in der rechten Werkzeugleiste auf „Elemente bearbeiten“, um bestehende Elemente zu bearbeiten oder neue Elemente hinzuzufügen. Klicken Sie auf das Stift-Symbol bei „Symbol“, um ein Symbol neben dem Element anzeigen zu lassen
  3. Layout: Legen Sie im Menüpunkt „Akkordeon“ in der rechten Werkzeugleiste unter „Layout“ fest, on das Element als Akkordeon, Tabs oder Schieberegler angezeigt werden soll
  4. Legen Sie für die drei Zustände „Normal“, „Bei Mouse-Over“ und „Aktiv“ den Hintergrund, den Rahmen und die Titelfarbe fest
  5. Text: Legen Sie im Menüpunkt „Text“ in der rechten Werkzeugleiste die Farbe von Hintergrund und Rahmen des Textbereiches fest
  6. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen

  Einen bestimmten Tab standardmäßig geöffnet lassen:

  1. Öffnen Sie den Tab, den Sie standardmäßig auf der veröffentlichten Webseite als geöffnet anzeigen möchten
  2. Setzen Sie einen Haken bei „Zuletzt geöffneten Artikel merken“
  3. Setzen Sie einen Haken bei „Vorheriges Element automatisch schließen“
• Wie benutze ich das „Schieberegler“ Element?

  Schieberegler hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Schieberegler“ Element aus

  Schieberegler bearbeiten:

  1. Neues Element: Klicken Sie in der rechten Werkzeugleiste auf „Neues Element“, um den Schieberegler um ein Element zu erweitern
  2. Elemente bearbeiten: Klicken in der rechten Werkzeugleiste auf „Elemente bearbeiten“, um bestehende Elemente zu bearbeiten oder neue Elemente hinzuzufügen
  3. Weitere Elemente hinzufügen: Wenn Sie ein weiteres Element zum Schieberegler hinzufügen möchten, dann ziehen Sie dieses einfach von der Hauptwerkzeugleiste in den Schieberegler
  4. Bildwechsel-Frequenz: Legen Sie fest, in welcher Frequenz der Wechsel zwischen den einzelnen Slides erfolgen soll
  5. Legen Sie für die drei Zustände „Normal“, „Bei Mouse-Over“ und „Aktiv“ den Hintergrund, den Rahmen und die Titelfarbe fest
  6. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „Tabs“ Element?

  Tabs hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Tabs“ Element aus

  Tabs bearbeiten:

  1. Neues Element: Klicken Sie in der rechten Werkzeugleiste auf „Neues Element“, um die Tabs um ein Element zu erweitern
  2. Elemente bearbeiten: Klicken in der rechten Werkzeugleiste auf „Elemente bearbeiten“, um bestehende Elemente zu bearbeiten oder neue Elemente hinzuzufügen
  3. Weitere Elemente hinzufügen: Wenn Sie ein weiteres Element zu den Tabs hinzufügen möchten, dann ziehen Sie dieses einfach von der Hauptwerkzeugleiste in die Tabs
  4. Legen Sie für die drei Zustände „Normal“, „Bei Mouse-Over“ und „Aktiv“ den Hintergrund, den Rahmen und die Titelfarbe fest
  5. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
• Wie benutze ich das „Bookingmood“ Element?

  Bookingmood hinzufügen:

  1. Ziehen Sie das Element „Erweitert“ von der Hauptwerkzeugleiste auf die Seite
  2. Wählen Sie das „Bookingmood“ Element aus
  3. Geben Sie in der Werkzeugleiste auf der rechten Seite den Bookingmood-API-Schlüssel in das entsprechende Feld ein und klicken Sie auf „Aktualisieren“

  Bookingmood bearbeiten:

  1. Optionen: Im Menüpunkt „Optionen“ in der rechten Werkzeugleiste können Sie den Starttag für die Woche, das Startdatum für die Woche und die Währung festlegen
  2. Stil: Im Menüpunkt „Stil“ in der rechten Werkzeugleiste können Sie Design, Schriftart und Farbe des Element festlegen
  3. Layout: Im Menüpunkt „Layout“ in der rechten Werkzeugleiste können Sie festlegen, welche Elemente im Layout von Bookingmood angezeigt werden soll
  4. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen

  Anmerkung: Um einen Bookingmood-API-Schlüssel generieren und Ihre Buchungen und Bestellungen verwalten zu können, benötigen Sie einen Bookingmood-Account.