Top
Eines Bildes in ein Pop-up einsetzen
  • 10 Jan 2025
  • 2 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Eines Bildes in ein Pop-up einsetzen

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Bilder in jede Pop-up-Vorlage einbetten, indem Sie ihre URL hinzufügen. Jedes Bild, das Sie in ein Pop-up einsetzen möchten, muss vorher auf dem Whatfix Dashboard oder auf einer Online-Bildfreigabe-Website wie Imgur, ImgBB usw. gehostet werden. Nachdem die Bilder gehostet sind, verwenden Sie die Bild-URL, um die Bilder hinzuzufügen.

Außerdem können Sie Bilder von Ihrer lokalen Festplatte hochladen, wenn die betreffende Vorlage das Bildformat unterstützt. Zum Beispiel, Pop-up Vorlage wie SYSKA und Meet & Greet.

Note
  • Stellen Sie sicher, dass Sie die URL des Bildes haben, bevor Sie fortfahren.
  • Es werden nur die Bildformate .jpeg, .jpg, .gif und .png mit einer Größe von bis zu 10 MB unterstützt.
  • Mit Whatfix können Sie bis zu 100 Bilder und Videos von Ihrem lokalen Laufwerk hochladen und in Ihren Pop-ups verwenden. Sobald diese Grenze erreicht ist, wird die Fehlermeldung angezeigt. Sie können diese Grenze jedoch erhöhen, indem Sie sich an support@whatfix.com.

Gehen Sie wie folgt vor, um mit den Pop-up-Vorlagen, die Bildfelder unterstützen, ein Bild einzufügen:

  1. Auf dem Whatfix Hub Dashboard, klicken Sie Widgets.
    2024-07-22_10-30-57.png

  2. Klicken Sie Pop-ups.
    2024-07-22_13-50-31.png

  1. Wählen Sie eine der Pop-up-Vorlagen aus, zum Beispiel Funktion Onboarding.
    Select_template

  2. Klicken Sie auf den Bildplatzhalter, um die Image Froala Toolbar zu öffnen.
    Image_froala_toolbar

  3. Klicken Sie das + Symbol.
    click_add_componentnew

  4. Klicken Sie im Dialogfeld Komponente hinzufügen auf Bild.
    click_image

  5. Sie können die URL des Bildes, das Sie einfügen möchten, einfügen oder ein Bild von Ihrem lokalen Laufwerk oder der Whatfix-Galerie hochladen.
    click_add_img

  6. Klicken Sie Einsetzen.
    click_insert

  7. Das Bild wird im Pop-up hinzugefügt.

your title goes here

Sobald das Bild hinzugefügt wurde, führen Sie die folgenden Änderungen mit der Bild-Froala-Symbolleiste durch:

  • Ändern Sie die Bildhöhe mithilfe des Icons für die Größenänderung.

click_image_resize

  • Aktivieren Sie den Des sicheren Bereichs ignorieren Toggle, um das Bild über die Grenzen des sicheren Bereichs hinaus zu erweitern.
    ignore_safe_area_toggle

  • Verwenden Sie das Align-Symbol, um das Bild links, rechts oder zentriert auszurichten.
    Align_icon

  • Verwenden Sie das Vertikale Ausrichten Symbol, um das Bild vertikal auszurichten.
    Vertical_align

  • Verwenden Sie das Alternativ Text Symbol, um eine textuelle Beschreibung des Bildinhalts bereitzustellen.
    Alternative_text

  • Verwenden Sie das Bild ersetzen Symbol, um das vorhandene Bild zu ersetzen.
    Replace_icon

  • Verwenden Sie das Komponente entfernen Symbol, um das Bild zu löschen.
    Remove_Component

your title goes here
  • Verwenden Sie die Ziehen und Ablegen Funktion, um das Bild um das Pop-up herum zu verschieben oder neu zu positionieren.

  • Mit den Drag-Handler kann das Bild sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) verschoben bzw. neu positioniert werden.

Drag and Drop

your title goes here

Wann Sie Änderungen am Pop-up mit Hilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. In diesem Fall müssen Sie das Pop-up möglicherweise neu erstellen.

  1. Beenden Sie die Erstellung des Pop-up und klicken Sie Popup speichern.
    click_save_hub.png
your title goes here

Ein Bild in einer Pop-up Vorlage einsetzen oder bearbeiten, nachdem Sie diese erstellt haben, indem Sie das Bearbeiten-Symbol auf dem Dashboard verwenden.
resize_popup_DB


War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.