Wie verwende ich die Code-Komponente?
Der Website Builder bietet eine große Auswahl an Komponenten, mit denen Sie Ihre Seiten um verschiedene Funktionen erweitern können. Sie können jedoch noch einen Schritt weiter gehen und benutzerdefinierte Code-Komponenten hinzufügen, um Anwendungen von Drittanbietern, JavaScript, CSS, Markdown oder HTML einzubinden, die Ihrer Website ein einzigartiges Design und neue Tools verleihen.
So können Sie dies tun:
- Gehen Sie zu Site Admin > Website Builder und klicken Sie auf „Website bearbeiten“.
- Öffnen Sie den Abschnitt „Seiten“ und wählen Sie eine bestehende Seite aus oder erstellen Sie mit der Schaltfläche „Neu hinzufügen“ eine neue Seite.
- Bewegen Sie den Mauszeiger über den Bereich, in dem Sie die Komponente hinzufügen möchten, und klicken Sie auf die Schaltfläche „+ HINZUFÜGEN“ in der oberen linken Ecke, um das Fenster „Komponente hinzufügen“ zu öffnen.
- Wählen Sie die Komponente „Code“ aus.
- Klicken und halten Sie das Feld der Komponente, um die Rasteransicht des Bereichs zu aktivieren. Verschieben Sie das Feld anschließend an die gewünschte Position und lassen Sie die Maustaste los.
- Klicken Sie auf die Komponente und wählen Sie das Stiftsymbol (Bearbeiten) in der Symbolleiste oben aus.
- Es öffnet sich ein neues Fenster „Code bearbeiten“, in das Sie Ihren benutzerdefinierten Code eingeben oder einfügen können.
- Wenn der Code umfangreicher ist und Sie mehr Platz benötigen, klicken Sie auf das Symbol zum Erweitern in der unteren rechten Ecke.
- Um zur Standardansicht zurückzukehren, schließen Sie das Fenster „Code bearbeiten“.
- Verwenden Sie den Schalter „Quellcode anzeigen“, um im Komponentenblock zwischen der Codeansicht und der Ausgabeansicht zu wechseln.
