Schaltflächen-Widget

das Schaltflächen-Widget Hilft Ihnen beim einfachen Entwerfen und Anpassen von Schaltflächen, ohne dass andere Plugins oder Shortcodes erforderlich sind.

Inhalt

1. Nett: Wählen Sie aus 5 Schaltflächenstilen, um Ihr Design zu starten. Wähle aus Standard, Information, Erfolg, Warnungoder Achtung
2. Text: Geben Sie den Schaltflächentext ein
3. Verknüpfung: Establezca la Url del enlace del botón. Haga clic en el engranaje para configurar el enlace para que se abra en una nueva ventana o para agregar rel = nicht folgen zum Link
4. Ausrichtung: Richten Sie die Schaltfläche links, mittig, rechts oder rechtsbündig in Bezug auf ihre Spalte aus.
5. Größe: Wählen Sie die voreingestellten Tastengrößen Extra Small bis Extra Large aus (siehe die Standard-Padding-Details am Ende dieses Dokuments)
6. Symbol: Wählen Sie a FontAwesome Symbol, das auf der Schaltfläche angezeigt werden soll
7. Symbol Position: Legt fest, dass das Symbol vor oder nach dem Schaltflächentext angezeigt wird
8. Symbol Abstand: Passt den Abstand zwischen dem Symbol und dem Schaltflächentext an
9. Taste ICH WÜRDE: (Optional) Weisen Sie eine eindeutige Schaltflächen-ID zu, die in Situationen wie z Eventos de Google Analytics

Stil

1. Typografie: Ändern Sie die Standardtypografieoptionen für Schaltflächentext
2. Textschatten: Fügen Sie dem Schaltflächentext einen Schatten und eine Unschärfe hinzu
3. Text Farbe: Wählen Sie die Textfarbe der Schaltfläche
4. Hintergrundfarbe: Wählen Sie die Hintergrundfarbe der Schaltfläche für beide Normal y Schweben Sie auf Zustand
5. Bildlaufanimation: Klicke auf das Schwimmende Lasche ein Bildlaufanimation
6. Randtyp: Wählen Sie den Randtyp aus, der um die Schaltfläche verwendet werden soll
7. Breite: Steuert die Dicke des Rahmens um die Schaltfläche
8. Farbe: Wählen Sie die Rahmenfarbe
9. Rand Radio: Legt den Radius des Rahmens fest, um die Rundheit der Ecken zu steuern
10. Box Schatten: Legt Optionen zum Anwenden eines Kastenschattens auf die Schaltfläche fest
11. Ausgestopft: Ändert die Einstellung zum Füllen von Schaltflächen

Cómo rastrear el Veranstaltung «Button onClick» (para Facebook Pixel, Google Analytics o Google Tag Manager)

Führen Sie die folgenden Schritte aus, um Ereignisse mit onClick-Schaltflächen zu verfolgen:

1. Bearbeiten Taste > Fortgeschrittene > establecer CSS ID = My_Button
2. Agregar al widget HTML de la página (después de que el botón esté bien)
3. Fügen Sie den folgenden Code in das Feld HTML-Code ein:

   <script> 
   document.addEventListener("DOMContentLoaded", function(event) { 
   	jQuery('#My_Button a').click(function(){ 
   	// tracking code here
   	// for example Facebook Pixel: 
   		fbq('track','AddToCart'); 
   	}); 
   	}); 
   </script>
   	

4. Seite aktualisieren, Vorschau anzeigen, testen

Fortgeschrittene

Legen Sie die erweiterten Optionen fest, die für dieses Widget gelten

So erstellen Sie eine PDF-Schaltfläche zum Herunterladen

1. Fügen Sie ein Texteditor-Widget hinzu
2. Laden Sie Ihr PDF über die Texteditor-Widget
3. Zu posten Die Seite
4. Gehen Sie zur Live-Seite und kopieren Sie den URL-Link, der auf das PDF verweist
5. Fügen Sie nun auf einer anderen Seite ein Schaltflächen-Widget hinzu und setzen Sie den Link zur URL

Standardgrößen für Schaltflächen - Standardeinstellungen für das Auffüllen

Oben links unten rechts

• Extra klein: 10 px, 20 px, 10 px, 20 px
• Wenig: 12px, 24px, 12px, 24px
• Mittel, mittel: 15px, 30px, 15px, 30px
• Groß: 20px, 40px, 20px, 40px
• Extra groß: 25px, 50px, 25px, 50px