Einen Button hinzufügen.

Learn DXPR BuilderBuild pagesAdd contentMarketing

Sie erhalten einen deutlichen Call-to-Action-Button, der Besucher genau dorthin bringt, wo Sie sie haben möchten. Verlinken Sie damit zum Beispiel ein Anmeldeformular, eine Produktseite oder eine Kontaktseite.

Großer grüner Button mit der Aufschrift Register for Open Day auf einer Landingpage

Einen Button hinzufügen

Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. Ihre erste Seite zeigt die Grundlagen.

  1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf +; klicken Sie auf einer leeren Seite auf Add Elements. Öffnen Sie den Content-Tab und klicken Sie auf Button. Der Button landet oben in der Spalte und sein Einstellungsdialog öffnet sich.
  2. Ersetzen Sie den Standardtext unter Title durch Ihre Button-Beschriftung.
  3. Tragen Sie unter Link das Ziel ein, zum Beispiel /contact oder https://example.com.
  4. Wählen Sie unter Type eine Farbe. Hier wählen wir Success.
  5. Wählen Sie die Size. Hier wählen wir Large.
  6. Klicken Sie im Dialog auf Speichern. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf Speichern, um die Seite zu speichern.

Was Sie sehen

Oben in der Spalte erscheint ein Button mit der von Ihnen eingegebenen Beschriftung. Im Video ist er groß und grün und trägt die Aufschrift Register for Open Day. Links öffnen sich während der Bearbeitung nicht. Um Ihren Button zu testen, speichern Sie die Seite, wählen Sie im Ansichtsmenü der Symbolleiste Preview und klicken Sie auf den Button. Besucher sehen ihn, sobald Sie die Seite speichern und sie veröffentlicht ist.

Ihren Button einrichten

Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste More > Settings. Optionen:

  • Title: der Text auf dem Button.
  • Link: das Ziel des Buttons: ein Pfad auf Ihrer Website, zum Beispiel /contact, oder eine vollständige URL.
  • Link target: öffnet den Link im selben Fenster (Same window) oder in einem neuen Fenster (New window). Wird angezeigt, sobald Link einen Wert hat.
  • Type: der Farbstil: Primary, Secondary, Success, Info, Warning, Danger, Link, Light oder Dark.
  • Block button: zieht den Button über die volle Breite der Spalte auf.
  • Outline style: zeigt einen farbigen Rahmen und Text ohne Füllung. Der Typ Link hat keinen Rahmen und sieht immer wie ein Textlink aus.
  • Size: Normal, Large oder Small.

Wenn Sie es nicht sehen

  • Der Button ist nicht im Content-Tab. Ihr Benutzerprofil blendet ihn aus. Bitten Sie die Administration, ihn unter User Profiles zu aktivieren.
  • Es ist nach dem Neuladen verschwunden. Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf Speichern.
  • Ein Klick führt zu „page not found“. Der Pfad unter Link ist falsch. Pfade auf Ihrer Website beginnen mit /, zum Beispiel /contact. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, um ihn zu korrigieren.
  • Der Button sieht anders aus als im Video. Sein Aussehen bestimmen Type, Outline style, Block button und Size. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, um sie zu prüfen.
  • Der Link öffnet sich im selben Tab. Link target steht auf Same window. Füllen Sie zuerst Link aus und wählen Sie dann New window.

Wie geht es weiter?

Style-Tab, um Abstände und Hintergrund Ihres Buttons zu ändern.