Sie müssen wissen, wie Sie ein Cookie-Zustimmungs-Popup erstellen Elementor ?
Wenn Sie Elementor Pro gibt es einige Funktionen, die Sie Ihrer WordPress-Website hinzufügen können, ohne sie zu installieren Plugins zusätzlich. In einem von ihnen können Sie mithilfe der Popup-Builder-Funktion von eine Cookie-Einwilligung hinzufügenElementor, die wir in diesem Artikel besprechen werden. Was ist ein Cookie?
Lesen Sie auch: So erstellen Sie ein mehrstufiges Formular mit Elementor
Im Web-Kontext ist ein Cookie (auch bekannt als Web-Cookie, Browser-Cookie und Internet-Cookie) ein kleines Datenelement, das von einem Webbrowser auf Ihrem Computer gespeichert wird. Die Daten werden dann von Websites verwendet, um Inhalte basierend auf Ihren Aktivitäten bereitzustellen. Wenn Sie häufig Werbung sehen, die auf Ihren Aktivitäten basiert, ist dies der Zweck eines Cookie (obwohl es viele Beispiele für die Verwendung von Cookies gibt).
In einigen Fällen ist die Anzeige der Cookie-Zustimmung sehr wichtig, da Ihr Besucher dadurch erkennen kann, dass Ihre Website bestimmte Informationen von ihnen sammelt. Dies ist eine der Implementierungen der Geschäftstransparenz.
So erstellen Sie ein Cookie-Zustimmungs-Popup in Elementor
Die Pro-Version von Elementor wird mit einem Popup-Builder geliefert, mit dem Sie ein schönes Popup erstellen können. Sie können den Popup-Builder von Elementor verwenden, um jede Art von Popup zu erstellen, die Sie im Internet finden.
Entdecken Sie auch: So erstellen Sie ein Kontaktformular in Elementor
In diesem Artikel zeigen wir Ihnen, wie Sie den Popup-Builder von Elementor verwenden, um ein Popup zur Cookie-Zustimmung zu erstellen. Elementor selbst bietet einige Popup-Vorlagen, die Sie verwenden können, um ein Cookie-Zustimmungs-Popup zu erstellen, aber in diesem Artikel werden wir das Cookie-Zustimmungs-Popup von Grund auf neu erstellen.
Gehen Sie zuerst zu Vorlagen -> Popups. Klicken Sie auf die Schaltfläche hinzufügen um ein neues Popup zu erstellen
Geben Sie Ihrem Popup einen Namen und klicken Sie auf die Schaltfläche EIN MODELL ERSTELLEN um mit der Erstellung der Popup-Vorlage zu beginnen.
Da wir das Popup von Grund auf neu erstellen möchten, schließen Sie einfach die Vorlagenbibliothek, indem Sie auf das Symbol klicken X in der oberen rechten Ecke.
Bevor Sie den Inhalt zum Popup-Fenster hinzufügen, nehmen Sie zunächst einige erforderliche Einstellungen vor. Sie können das Zahnradsymbol in der unteren linken Ecke öffnen, um das Popup-Fenster für die Einstellungen zu öffnen. Hier sind die Parameter, die wir verwenden werden.
- Unter der Option Breite unter dem block Layout, Ersetzen Sie das Gerät durch VW und ändern Sie den Wert auf 100.
- Definiere das Größe um es anzupassen zum Inhalt
- Stellen Sie die horizontale Position auf Center
- Stellen Sie die vertikale Position auf Gering
- Option deaktivieren Überlagerung
- Schaltfläche deaktivieren Fermer
Sie können auch die Ein- und Ausstiegsanimation aus dem Block einstellen Layout.
Lesen Sie auch: So fügen Sie ein Preisraster in Elementor hinzu
Dann gehen Sie auf die Registerkarte Design um den Hintergrund des Popups zu ändern. Sie können einen Hintergrund, einen Farbverlauf oder ein einfarbiges Bild verwenden.
Sobald Sie mit den Grundeinstellungen fertig sind, können Sie mit dem Hinzufügen des Inhalts zu Ihrem Popup beginnen. Beginnen Sie damit, einen Abschnitt hinzuzufügen, indem Sie auf das Plus-Symbol im Bearbeitungsfeld klicken und eine Spaltenstruktur auswählen, die Sie verwenden möchten (wir verwenden in diesem Beispiel die dreispaltige Struktur).
Fügen Sie das Texteditor-Widget zur ersten Spalte hinzu und ersetzen Sie den Standardtext durch Ihren eigenen Text. Sie können etwas eingeben wie „Diese Website verwendet Cookies, um sicherzustellen, dass Sie die beste Erfahrung auf unserer Website machen“. Sie können den Text unter der Registerkarte anpassen Stil. Sie können Dinge wie Typografie (Schriftfamilie, Schriftstil, Schriftgröße usw.) und Textfarbe einstellen.
Bevor Sie den Inhalt der zweiten Spalte hinzufügen, können Sie zunächst die Größe der Spalten festlegen. Bewegen Sie dazu einfach Ihre Maus über eine Spalte, deren Größe Sie ändern möchten, bis Sie die gepunktete Linie sehen. Klicken und halten Sie es und ziehen Sie es nach rechts oder links.
Nachdem Sie den Textinhalt in der ersten Spalte hinzugefügt und bearbeitet haben, fügen Sie der zweiten Spalte eine Schaltfläche hinzu. Wir werden diese Spalte verwenden, um die Schaltfläche " AKZEPTOR ". Ziehen Sie einfach das Schaltflächen-Widget in die zweite Spalte. Ersetzen Sie den Standard-Schaltflächentext durch etwas wie " AKZEPTOR "Oder" AKZEPTIEREN & SCHLIESSEN Und stellen Sie die Größe ein. Im Feld Verknüpfung, Klicken Sie auf das Datenbanksymbol und wählen Sie Pop-up.
Klicken Sie auf das Schraubenschlüssel-Symbol im Feld Aufpoppen. In der Option Aktionen, setze es auf POPUP SCHLIESSEN et Aktivieren Sie die Option Nicht mehr anzeigen.
Um die Schaltfläche anzupassen, können Sie auf die Registerkarte zugreifen Stil. Auf dieser Registerkarte können Sie Dinge wie Typografie, Farbe, Hintergrundfarbe usw. des Schaltflächentexts festlegen.
Wenn Sie mit der zweiten Spalte fertig sind, fahren Sie mit der dritten Spalte fort. Wir werden diese Spalte verwenden, um die Schaltfläche " SICH WEIGERN ". Ziehen Sie einfach das Schaltflächen-Widget in diese Spalte. Ersetzen Sie den Standard-Schaltflächentext durch etwas wie " SICH WEIGERN "Oder" IGNORIEREN ".
Lesen Sie auch: So erstellen Sie einen Teammitgliedsbereich mit Elementor
Sie können auch die Größe und Ausrichtung der Schaltflächen festlegen. Im Feld Verknüpfung, füge die URL der Seite ein Allgemeine Geschäftsbedingungen Ihrer Website. Dies zwingt Ihren Besucher, die Allgemeinen Geschäftsbedingungen zu lesen, wenn er die Zustimmung verweigert.
Sie können auf die Registerkarte zugreifen Design um diesen Knopf auch besonders anzufertigen.
Wenn Sie den Inhalt des Popups geändert haben, klicken Sie auf die Schaltfläche VERÖFFENTLICHUNG unten in der linken Leiste. Definieren Sie im angezeigten Fenster die Anzeigebedingungen durch Klicken auf die Schaltfläche BEDINGUNG HINZUFÜGEN.
In diesem Beispiel zeigen wir das Popup auf der gesamten Website, aber auch auf der Seite mit den Allgemeinen Geschäftsbedingungen. Die Anzeigebedingungen werden also wie folgt aussehen. Klicken Sie auf die Schaltfläche WEITER fortzusetzen.
Im nächsten Schritt werden Sie aufgefordert, den Trigger zu setzen. In diesem Zusammenhang können Sie den Ladetrigger auf der Seite verwenden. Also aktiviere die Option Beim Laden der Seite und klicken Sie auf den Link SPEICHERN & SCHLIESSEN.
Hier. Sie haben erfolgreich Ihr Cookie-Einwilligungs-Popup erstellt.
Am Ende
Transparenz ist für ein Unternehmen ein hinreichend wichtiger Aspekt. Das Erstellen eines Cookie-Zustimmungs-Popups ist eine der Möglichkeiten, Ihr Unternehmen transparent zu machen, da es zeigt, dass Ihre Website Daten von ihr sammelt Besucher.
Wenn Sie Elementor für verwenden Erstelle eine Website WordPress, es muss kein neues Plugin installiert werden, nur um ein Cookie-Zustimmungs-Popup zu erstellen. Stattdessen können Sie die Popup-Builder-Funktion von Elementor verwenden, um dies zu erreichen.
Holen Sie sich jetzt Elementor Pro!
Zusammenfassung
Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie ein Cookie-Zustimmungs-Popup in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
