DiviShare | Digitalschmiede Apps

DiviShare (Divi Plugin)

DiviShare ist ein WordPress-Plugin für den Divi-cBuilder. Es ermöglicht Redakteuren, Seiten und Beiträge schnell über verschiedene soziale Netzwerke und Messenger zu teilen. Das Plugin stellt ein eigenes Divi-Modul bereit, bietet individualisierbare Share-Buttons, ein optionales Popup für Sammel-Shares sowie einen Kopieren-in-Zwishenablage-Button für URLs.

Beispiel 1:

[et_pb_divishare services=“facebook, whatsapp, linkedin, threema, sms“ preview_text=“Hallo ich bin der Vorschautext von DiviShare, mich kannst du anpassen.“ preview_image=“https://apps.digitalschmiede.ch/wp-content/uploads/2025/06/DiviShareIcon.png“ icon_size=“31″ copy_clipboard=“off“ icon_shadow=“on“ _builder_version=“4.27.4″ _module_preset=“default“ global_colors_info=“{}“ icon_shadow_distance__hover_enabled=“on|hover“ icon_shadow_distance__hover=“4″][/et_pb_divishare][et_pb_divishare services=“ “ preview_text=“Hallo ich bin der Vorschautext von DiviShare, mich kannst du anpassen.“ preview_image=“https://apps.digitalschmiede.ch/wp-content/uploads/2025/06/DiviShareIcon.png“ icon_size=“31″ copy_label=“Copy&Paste“ status_msg_type=“inline“ status_message=“Hinfort zum Ort des Einfügens“ title=“Muster 1″ icon_shadow=“on“ use_brand_colors=“off“ _builder_version=“4.27.4″ _module_preset=“default“ global_colors_info=“{}“ icon_color__hover_enabled=“on|hover“ icon_color__hover=“#aaaaaa“][/et_pb_divishare]

Beispiel 2:

[et_pb_divishare services=“facebook, whatsapp, linkedin, threema, sms“ preview_text=“Hallo ich bin der Vorschautext von DiviShare, mich kannst du anpassen.“ preview_image=“https://apps.digitalschmiede.ch/wp-content/uploads/2025/06/DiviShareIcon.png“ popup_active=“on“ popup_width=“500″ icon_size=“31″ show_copy_label=“off“ status_message=“Link in Zwischenablage“ title_align=“center“ button_align=“center“ icon_shadow=“on“ popup_voffset=“-61″ show_popup_title=“on“ popup_title=“Teilen ist Gold…“ _builder_version=“4.27.4″ _module_preset=“default“ global_colors_info=“{}“ icon_shadow_distance__hover_enabled=“on|hover“ icon_shadow_distance__hover=“4″ icon_color__hover_enabled=“on|hover“ icon_color__hover=“#6b6b6b“ icon_size__hover_enabled=“on|desktop“ icon_size__hover=“34″][/et_pb_divishare]

Anleitung:

DiviShare – Komplette Anleitung
================================

1. Installation & Aktivierung
—————————–
1. Plugin‐ZIP unter **Plugins ▸ Installieren ▸ Plugin hochladen** in WordPress importieren.
2. Nach dem Upload auf **Aktivieren** klicken.
3. Fertig – das DiviShare-Modul steht nun im Divi-Builder zur Verfügung.

2. Modul im Divi-Builder einfügen
———————————
1. Seite oder Beitrag mit dem **Divi Visual Builder** öffnen.
2. Auf **+ Modul hinzufügen** klicken und nach *DiviShare* suchen.
3. Modul auswählen – es erscheint ein Platzhalter mit Standard-Buttons.

3. Inhalte konfigurieren (Tab „Inhalt“)
—————————————
### 3.1 Share-Daten
* **Dienste**: Kommagetrennte Liste der Netzwerke (z. B. `facebook,whatsapp,telegram,email`).
* **Eigene Link-URL**: Optionalen Link angeben, der statt des aktuellen Permalinks geteilt wird.
* **Vorschau-Text**: Kurztext, wird als `og:description` und in manchen Share-URLs verwendet.
* **Vorschaubild**: Bild-URL oder Upload, landet in `og:image`.

### 3.2 Pop-Up
* **Popup aktivieren**: Dienste in einem ausklappbaren Fenster anzeigen.
* **Popup-Breite**: 200 – 600 px.
* Weitere Optionen: Label anzeigen, Titel, Ausrichtung, Farben, Schatten.

### 3.3 Text & Icon
* **Label anzeigen**: Text neben Icon.
* **Icon anzeigen**: Nur Symbol oder Symbol + Text.
* **Icon-Größe**: 16 – 64 px.

### 3.4 Button-Stil
* **Button-Hintergrund & Rahmen**: Ein/Aus.
* Hintergrund-, Text-, Hover-Farbe, Radius, Innenabstand, Abstand zwischen Buttons.

### 3.5 Copy Link
* **Copy-Link-Button**: Fügt einen Button zum Kopieren der URL zur Zwischenablage hinzu.
* Icon, Label und Statusmeldung (Fenster oder Inline) anpassbar.

4. Design-Einstellungen (Tab „Design“)
—————————————
* **Überschrift**: Text, Ausrichtung, Schriftgröße, Farbe, Stil.
* **Buttons Design**: Icon-Farbe, Schatten, Markenfarben, Hover-Effekte.
* **Popup Container**: Hintergrund-/Rahmenfarbe, Innenabstand, Schatten, vertikaler Offset.

5. Erweiterte Optionen (Tab „Erweitert“)
—————————————–
* Benutzerdefiniertes CSS pro Element (Container, Titel, Buttons, Popup).
* Sichtbarkeits- und Übergangseffekte wie bei jedem Divi-Modul.

6. Nutzung im Frontend
———————-
* Klick auf einen Dienst öffnet den jeweiligen Share-Dialog in neuem Tab/Fenster.
* **Popup-Modus**: Erst Share-Icon anklicken, danach gewünschten Dienst.
* **Copy-Link-Button**: Kopiert URL; Statusmeldung erscheint nach Wunsch als Alert oder inline Text.

7. Tipps & Best Practices
————————-
* **Markenfarben aktivieren**, um Icons automatisch in Original-Farben darzustellen.
* Für mobile Geräte größere Icon-/Padding-Werte wählen (Responsive-Slider in Divi).
* Individuelles Styling im Child-Theme durch Überschreiben der CSS-Klassen `.divishare-*`.

8. Deaktivierung & Deinstallation
———————————
* Unter **Plugins** das Plugin **deaktivieren** und anschliessend **löschen**.
* Es verbleiben keine Daten in der Datenbank.

Viel Erfolg beim Teilen! 🎉

Download DiviShare