So verwenden Sie verschiedene Webseitenelemente beim Erstellen von Websites Webseitenersteller

Die Galeriebilder können ähnliche Paletten und Farben haben und manchmal ist es schwierig, sie auf einer Webseite zu unterscheiden. Sie können den Abstand zwischen den Galeriebildern ganz einfach hinzufügen, indem Sie den Abstand im Eigenschaftsfenster vergrößern. Wählen Sie Ihre Galerie aus, gehen Sie dann zum Eigenschaftsfenster rechts und ziehen Sie den Schieberegler der Gap-Eigenschaft.

Die Galerie in Nicepage ist ein transformierbares Element, das Sie einfach in das Karussell, den Schieberegler, den Schieberegler mit Miniaturansichten und den Schieberegler mit Bildunterschriften umwandeln können. Wählen Sie eine beliebige Galerie in einem Block aus und gehen Sie zum Eigenschaftsfenster. Klicken Sie auf die Layout-Eigenschaftssymbole, um die Layout-Änderung anzuwenden.

Mit der Option „Bild-Lightbox“ können Sie ein Galeriebild vergrößern, um eine detaillierte Vorschau anzuzeigen. Diese Option ist für das Rasterlayout verfügbar und standardmäßig aktiviert. Wenn Sie diese Eigenschaft jedoch deaktivieren oder erneut aktivieren müssen, können Sie eine Galerie auf Ihrer Webseite auswählen und dann zum Eigenschaftsfenster gehen. Klicken Sie auf den Link „Bildstil“ und aktivieren Sie dann das Kontrollkästchen „Bild-Lightbox“ im nächsten Fenster.

Wie bei jedem anderen Text auf Ihrer Webseite können Sie die Schriftartparameter für die Galerietexte, sowohl Überschrift als auch Text, separat ändern. Wählen Sie dazu eine Galerie aus und klicken Sie dann im Eigenschaftsfenster rechts auf den Textstil-Link. Ändern Sie im nächsten Panel die Eigenschaften der Texte und sehen Sie sich die Vorschau Ihrer Änderungen im Editor an. Bitte beachten Sie, dass Sie den Galerietext benötigen, den Sie in die speziellen Felder eingeben müssen.

Die Galerie sieht auf Ihren Webdesigns attraktiver aus, wenn sie mit Ihren Besuchern interagiert. Daher können Sie es in Form der Animation On Hover für Ihre Galeriebilder hinzufügen. Wählen Sie Ihre Galerie aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie im Abschnitt „Animation“ auf den Link „Bild“ und wählen Sie im nächsten Bereich den Effekt „Animation beim Hover“ für Ihre Galeriebilder aus.

Sie können die Animation On Hover für die Galerietexte hinzufügen, wodurch Ihre Webdesigns noch interaktiver und attraktiver für Website-Besucher werden. Wählen Sie die Galerie aus. Wenn das Galerie-Layout Texte enthält, gehen Sie zum Eigenschaftsfenster. Fügen Sie Texte hinzu und klicken Sie dann im Abschnitt Animation auf den Link Textebene. Klicken Sie auf eine der Voreinstellungen und passen Sie bei Bedarf den Effekt „Animation beim Schweben“ an.

Für die Galerie-Layouts wie Beschriftung und Schieberegler können Sie die Überschrift und den Text hinzufügen, der das Galeriebild beschreibt. Wenn Ihre Besucher auf den Bild-Lightbox-Modus klicken, können Sie diese Texte im Bild-Lightbox-Modus sehen. Um Galerie-Bildtexte anzuzeigen, wählen Sie die Galerie aus und ändern Sie dann ihr Layout, um Texte anzuzeigen. Gehen Sie zum Eigenschaftsfenster und geben Sie dann Texte in die speziellen Felder ein.

Die Galeriebilder können den Radius haben, wodurch Ihre Galerien interessanter und vielfältiger aussehen. Um den Radius für Galeriebilder zu aktivieren, wählen Sie die Galerie und dann den Bildstil im Eigenschaftsfenster aus. Bitte ziehen Sie den Radius-Schieberegler oder geben Sie seinen Wert ein, um die Ecken der Galeriebilder aufzurütteln.

Sie können die Anzahl der Spalten für den in einem Block verwendeten Grid Repeater einfach ändern. Klicken Sie auf das blaue Plus-Symbol auf der rechten Seite des Grid-Repeaters und wählen Sie dann die Anzahl der Spalten aus der Dropdown-Liste aus. Sie können sowohl inkrementierende als auch dekrementierende Zahlen auswählen.

Ähnlich wie beim Hinzufügen von Spalten können Sie die Anzahl der Zeilen erhöhen und verringern, indem Sie auf das blaue Plus-Symbol unten im Grid Repeater klicken. Nachdem Sie die Dropdown-Liste sehen, können Sie die Anzahl der erforderlichen Zeilen auswählen. Sie können sowohl inkrementierende als auch dekrementierende Zahlen auswählen.

Im Eigenschaftsfenster können Sie Elementeigenschaften ändern. Beispielsweise können Sie die Spalten und Zeilen an einer Stelle für den Grid Repeater ändern. Um die Spalten und Zeilen zu ändern, gehen Sie zu den Eigenschaftsfeldern und ziehen Sie die entsprechenden Schieberegler, um die Eigenschaftswerte zu ändern.

Mit der Eigenschaft Item Gap im Property Panel können Sie den Abstand zwischen Grid Repeater-Elementen ändern. Wählen Sie den Grid Repeater aus, gehen Sie zum Eigenschaftsfenster, suchen Sie die Eigenschaft Item Gap und ziehen Sie den Schieberegler, um den Abstand zwischen den Grid Repeater-Elementen zu ändern.

Sie können mehrfach ausgewählte Elemente in einen Grid-Repeater umwandeln. Es beschleunigt die Entwicklung von Blöcken wie Features, Team, Testimonials usw. Wählen Sie mehrere Elemente aus und klicken Sie dann auf das blaue Plus-Symbol am linken Rand. Wählen Sie als Nächstes das Grid-Repeater-Layout aus.

Mit dem Grid-Repeater-Element können Sie seinen Items und enthaltenen Elementen unterschiedliche Farben zuweisen. Wechseln Sie dazu in das Eigenschaftsfenster und wechseln Sie im Abschnitt „Stil anwenden auf“ von „Alle Elemente“ zu „Element“. Stellen Sie dann die für Ihre Webdesign-Idee erforderlichen Farben ein

Karussell-Schieberegler sind im modernen Webdesign sehr beliebt, und normalerweise haben Karussellelemente das gleiche Layout und die gleichen Elementsätze. In Nicepage können Sie jeden Grid-Repeater ganz einfach in ein Karussell umwandeln, indem Sie im Eigenschaftsfenster auf die Switcher-Option klicken.

Ähnlich wie beim Gruppenelement können Sie Grid-Repeater-Elemente beim Group (Item) Hover animieren. Dabei können Sie auch den Hover-Animationseffekt zu Elementen hinzufügen, und sie werden zusammenarbeiten. Gehen Sie zum Eigenschaftenbereich, hinunter zum Abschnitt Animation ein, und stellen Sie bei Bedarf sowohl Hover- als auch Group Hover-Animationseffekte ein.

Wenden Sie Formularvoreinstellungen an und fügen Sie Blöcke mit den beliebtesten Formularen mit einem Klick hinzu. Sie können einen Kontakt, ein Abonnement und andere Formularvoreinstellungen hinzufügen und Blöcke nach dem Einfügen einfach anpassen.

Wählen Sie beim Erstellen Ihrer Formulare aus mehr als 10 Formularfeldtypen aus, darunter Eingabe, Textbereich, Optionsfeld, Auswahl und alle anderen gängigen Formularfelder.

Sie können die Position der Formulareingaben und anderer Elemente einfach ändern, indem Sie sie per Drag & Drop an die vordefinierten Positionen im Form Builder ziehen. Sie können die Formularfelder auch horizontal und vertikal transformieren und beim Positionieren im Editor aneinanderreihen.

Sie können das Kontrollkästchen Bedingungen akzeptieren hinzufügen, ein spezielles Kontrollkästchen für die Option Bedingungen akzeptieren auf einem Formular. Sie können dieses Kontrollkästchen zusammen mit einem Wortlaut einfügen, den Sie ändern können.

Verwenden Sie die fortschrittliche Risikoanalyse und die adaptive Challenges-Engine von Google, um Ihre Websites von missbräuchlichen Aktivitäten fernzuhalten, sodass normale Benutzer Ihre Formulare ohne Einschränkungen ausfüllen können.

Erstellen Sie Kontaktformulare mit dem besten kostenlosen Website-Ersteller. Es ist benutzerfreundlich und erfordert keine Programmierung, um Formulare zum Sammeln von Feedback, Leads oder Daten für Mailinglisten oder Registrierungen und Anmeldungen auf Ihrer Website zu erstellen. Sie können benutzerdefinierte Kontaktformulare in wenigen Minuten per Drag-and-Drop erstellen, sie visuell anpassen und sofort eine Vorschau in allen responsiven Modi für mobile Geräte anzeigen.

Nicepage verwendet das Standard-HTML-Formularelement, um die Daten aus den Feldern zu sammeln. Das Formular ist immer mit einem speziellen Skript verknüpft, das die Eingabedaten empfängt und dem Server mitteilt, was er mit den in die Felder eingegebenen Daten tun soll: eine E-Mail senden, die Daten zur Datenbank hinzufügen usw. Um das Senden von E-Mails vom Server zu implementieren, Nicepage bietet die folgenden SUBMIT-Optionen: URL, E-Mail mit PHP-Skript senden, Kontaktformular 7 (WordPress), Joomla-Formular (Joomla), MailChimp und E-Mail, die nur mit Online Builder verfügbar sind.

Sie können das Layout des Kontaktformulars ganz einfach ändern, indem Sie Formulareingaben und -felder von vertikal nach horizontal und umgekehrt platzieren. Wählen Sie das Kontaktformular aus, gehen Sie zum Eigenschaftenbereich und suchen Sie den Abschnitt „Layout“. Klicken Sie auf die Layout-Symbole, um Eingaben in einer Reihe oder untereinander auf einer Webseite zu platzieren.

Zusammen mit den Drag-and-Drop-Feldern im Contact Form Builder können Sie die Pfeile der Kontext-Symbolleiste verwenden, um Felder zu verschieben. Wählen Sie im Editor ein Formular aus, wählen Sie ein Feld aus und klicken Sie dann auf den Aufwärts- oder Abwärtspfeil, um das Formularfeld entsprechend zu verschieben.

Sie können den Abstand sowohl zu den Formulareingaben und -feldern als auch zwischen den Feldern einfach ändern. Wählen Sie ein Von in einem Web-Block und gehen Sie dann zum Eigenschaftsfenster. Scrollen Sie nach unten, um den Abstandsabschnitt zu finden. Ziehen Sie die Schieberegler oder verwenden Sie die Eingabefelder an ihnen, um die Abstandswerte zu ändern.

In den allgemeinen Formulareinstellungen können Sie den Namen, die Seitenaktion nach dem Absenden und die Nachrichten angeben. Wählen Sie ein Formular aus und gehen Sie dann zum Eigenschaftsfenster auf der rechten Seite. Uhr im Link Einstellungen. Bearbeiten Sie die Meldungen „Name“, „Nach dem Senden“, „Erfolg“ und „Fehler“ im Bereich „Einstellungen“.

Die Formulareingaben können verschiedene Stile haben, und jetzt ist es beliebt, Eingaben nur mit dem unteren Rand zu haben, der das Eingabefeld markiert. Sie können Schriftart, Füllung, Rahmen und mehr für das einer Webseite hinzugefügte Kontaktformularelement stilisieren. Wählen Sie ein Formular aus und klicken Sie dann im Eigenschaftenbereich auf den Link Eingabestil. Ändern Sie das Aussehen der Formulareingaben, indem Sie eine Vorschau Ihrer Änderungen im Editor anzeigen.

Da Sie aktivieren können, dass Beschriftungen zusammen mit den Formulareingaben angezeigt werden, können Sie sie einfach im Eigenschaftenbereich ändern. Wählen Sie Ihr Formular aus, gehen Sie zum Eigenschaftsfenster, ändern Sie das Layout und zeigen Sie die Etiketten an. Klicken Sie auf den Link „Etikettenstil“, um zum Fenster „Etikettenstil“ zu gelangen. Ändern Sie die Etiketten.

Der Button ist normalerweise eines der Hauptelemente im Webdesign. Deshalb ist es auch in den Kontaktformularen Ihrer Website sehr wichtig. Um die Schaltfläche, ihre Position und Ausrichtung zu ändern, wählen Sie ein Kontaktformular aus und klicken Sie dann im Eigenschaftenbereich auf den Link Schaltflächenstil. Ändern Sie die Füllung, den Rahmen für alle Schaltflächenzustände, die Ausrichtung und mehr im Bedienfeld „Schaltflächenstil“.

Sie können die E-Mail-Übermittlung für das in den Nicepage-Anwendungen für Windows oder Mac OS hinzugefügte Kontaktformular-Element verwenden. Mit dieser Funktion können Sie schnell eine funktionierende HTML-Website oder einen voll funktionsfähigen Prototyp erstellen, den Sie Ihren Besuchern oder potenziellen Kunden präsentieren können. Wählen Sie im Editor das Element Kontaktformular aus, klicken Sie auf den Link Senden und wählen Sie die E-Mail-Adresse in der Liste aus. Bitte geben Sie die E-Mail-Adresse unter der Liste ein. Diese Option funktioniert nur für Websites, die im Nicepage-Hosting veröffentlicht wurden.

Im Marketing beziehen sich Leads auf Kontakte mit potenziellen Kunden, die potenziell zu Ihren Verkäufen führen. Jetzt können Sie Benutzerdaten aus Kontaktformularen sammeln und Ihre Website-Leads überprüfen, um Ihre Marketingergebnisse zu verbessern.

Fügen Sie dem Kontaktformular-Element Berechnungsformeln hinzu, mit denen Sie Formeln verwenden können, um Kosten, Flächen, Quadrate usw. zu erhalten und Angebote von Website-Seiten an Ihre Kunden zu senden.

Sie können Kontaktformularfelder abhängig machen, sodass Sie Felder ausblenden oder anzeigen können, während Sie Elemente mit Werten in anderen auswählen. Beispielsweise können Sie das Dropdown für die ausgewählte Option in den Radios anzeigen.

Sie können mehrstufige Kontaktformulare erstellen, um Fragebögen, komplizierte Bestellformulare usw. zu erstellen und mit Benutzern und potenziellen Käufern informativer, interaktiver und daher produktiver zu kommunizieren.

Das Erstellen eines Kontaktformulars mit dem Bewertungsfeld ermöglicht es Ihnen, den Zufriedenheitsgrad Ihrer Kunden oder Besucher zu ermitteln und Feedback zu Ihrer gesamten Marketingleistung zu geben.

Veranschaulichen Sie die Auswahlmöglichkeiten in Ihren Kontaktformularen, indem Sie die Bildergalerie-Checks hinzufügen. Sie können den Auswahltyp angeben, indem Sie entweder Kontrollkästchen für mehrere Optionen oder Optionsfelder für eine einzelne auswählen.

Nicepage wendet den KI-basierten Anti-Spam-Filter für Kontaktformulareinreichungen an. Alle Formulardaten werden in der Analyse verwendet, was eine Reduzierung des Spam-Volumens um mehr als 75 % zeigt.

Scrollen Sie mehrere Bilder mit einem Klick. Fügen Sie einer Website Interaktion mit Ihren Besuchern hinzu. Sie können Kunden erlauben, Ihre Portfolio-Galerie auf moderne Weise zu studieren.

Verwenden Sie ein wiederholtes Karussell, das verschiedene Elemente wie Bilder, Symbole, Texte, Schaltflächen usw. enthält, um sich auf den Webseiten Ihrer Website zu drehen. Es gibt auch Karussells für Beiträge und Produkte.

Ihr Galeriekarussell muss möglicherweise seine Bilder auf unterschiedliche Weise anpassen. Sie können die Originalbreite der Galeriebilder verwenden und haben die feste Breite. Um die Breite für die Bilder des Galeriekarussells festzulegen, wählen Sie eine Galerie aus und gehen Sie dann zum Eigenschaftsfenster. Wenn Ihre Galerie nicht über das Karussell-Layout verfügt, wechseln Sie zum Karussell. Scrollen Sie dann im Bedienfeld nach unten zum Abschnitt „Breite“ und ändern Sie die Breite des Galeriebilds so, dass sie perfekt zu Ihrem Webdesign passt.

Blogs sind ein wesentlicher Bestandteil vieler moderner Websites, und viele Benutzer verwenden das Karussell-Layout, um Blog-Beiträge zu veröffentlichen. Es schafft Interaktion und hat eine ansprechendere Präsentation. Du kannst die Posts im Posts-Panel des Schnellzugriffs hinzufügen und dann das Post-Karussell-Element zu jedem Block hinzufügen. Sie können das Karussell testen, indem Sie im Editor und in den Vorschauen auf die Pfeile und Anzeigen klicken.

E-Commerce-Websites verwenden verschiedene Layouts. Sie können die Produktlisten verwenden, um die Aufmerksamkeit der Besucher zu gewinnen, und die Interaktion in Form eines Produktkarussells kann für Ihre Website-Besucher interessant sein. Sie können das Produktkarussell über das Menü „Hinzufügen“ hinzufügen und das Produktlistenelement zum leeren Karussellelement hinzufügen.

Sie können beim Erstellen einer Website zwischen sechs Layouts für das Sprachelement wechseln. Wählen Sie das Sprachelement in der Kopf- oder Fußzeile aus und ändern Sie das Sprachlayout im Eigenschaftenbereich.

Um mit dem Akkordeon-Element zu beginnen, können Sie einen der Designer-Mage-Designblöcke hinzufügen. Klicken Sie im Schnellzugriff auf das Symbol „Hinzufügen“, scrollen Sie dann nach unten zum Abschnitt „Akkordeon und FAQ“, klicken Sie auf das Akkordeon und wählen Sie ein beliebiges Design aus. Es ist bequemer, da Sie im Gegensatz zum standardmäßig hinzugefügten leeren Akkordeon-Element einige vorbearbeitete Inhalte haben.

Sie können Akkordeon-Tabs auf verschiedene Weise hinzufügen und verschieben. Klicken Sie auf das Plus in der Seitenleiste, um einen neuen Tab hinzuzufügen. Sie können im Rechtsklickmenü der Maus auf die Option zum Auf- und Abwärtsbewegen klicken oder auf die entsprechenden Pfeilsymbole in der Kontextsymbolleiste klicken. Sie können auch die Hotkey-Kombination aus STRG plus Pfeil nach oben und Pfeil nach unten drücken.

Die Akkordeon-Tabs können verschiedene Website-Elemente enthalten. Sie können sie zu jeder Registerkarte hinzufügen. Öffnen Sie die Registerkarte. Klicken Sie im Schnellzugriff auf das Symbol „Hinzufügen“, um das Bedienfeld „Hinzufügen“ zu öffnen und ein beliebiges Element auszuwählen. Sie können das hinzugefügte Element verschieben, ausrichten und löschen.

Das Akkordeon ist in modernen Webdesigns beliebt. Daher können Sie es so stilisieren, dass es zu Ihrem Layout passt. Klicken Sie auf das Akkordeon-Element in einem Block, gehen Sie zum Eigenschaftsfenster und klicken Sie auf die Links, um auf die Fenster zuzugreifen und die entsprechenden Eigenschaften anzupassen.

Sie können eine Voreinstellung für das Akkordeon-Tab-Symbol aktivieren und auswählen. Außerdem können Sie seine Größe ändern, ähnlich wie bei allen anderen Symbolen. Wählen Sie das Accordion-Element aus, gehen Sie zum Property Panel und klicken Sie auf den Icon-Link. Ändern Sie im Panel den Stil, die Farbe, die Größe usw.

Farbe ist einer der wichtigsten Faktoren im Webdesign. Und es ist auch entscheidend für die Accordion Tabs. Wählen Sie das Element aus, gehen Sie zum Eigenschaftsfenster und klicken Sie auf den Link Farben. Sie können Akkordeon-Registerkarten und -Elementen Füllung, Rahmen und Radius hinzufügen.

Sie können auch einfach mit dem Tabellenelement beginnen. Und Sie können die vom Designer erstellten Blöcke verwenden, die das Tabellenelement enthalten. Klicken Sie auf das Symbol „Hinzufügen“ in der Schnellzugriffsleiste, gehen Sie zum Abschnitt „Tabelle“, wählen Sie die Tabelle und ein beliebiges Tabellendesign im geöffneten Bereich aus.

Ähnlich wie bei jedem anderen Element mit Spalten und Zeilen können Sie die Anzahl der Spalten und Zeilen der Tabelle ändern, indem Sie die entsprechenden Schieberegler im Eigenschaftenbereich für das ausgewählte Tabellenelement ziehen.

Wie alle zusammengesetzten Elemente in Nicepage, die im Webdesign beliebt sind, können Sie die Tabelle nach Ihrem Layout stilisieren. Klicken Sie in einem Block auf das Tabellenelement. Gehen Sie rechts zum Eigenschaftenbereich und klicken Sie auf die Abschnittslinks, um zu den Bereichen zu gelangen und die entsprechenden Tabelleneigenschaften zu ändern.

Sie können Spalten und Zeilen im ausgewählten Tabellenelement verwalten. Klicken Sie dann auf die Tabelle in Ihrem Block, um sie auszuwählen. Klicken Sie im Rechtsklickmenü der Maus auf die Option Verschieben oder auf das Symbol für weitere Optionen des Kontextbereichs, um Spalten nach links und rechts und Zeilen nach oben und unten zu verschieben.

Sie können die Registerkarten für das FAQ-Element wie das Akkordeon einfach hinzufügen und verschieben. Klicken Sie auf das Plus-Symbol im Seitenbereich, um eine Registerkarte hinzuzufügen. Klicken Sie auf die Pfeilsymbole in der Kontext-Symbolleiste, drücken Sie die Tastenkombination STRG plus Aufwärtspfeil und Abwärtspfeil oder wählen Sie im Rechtsklickmenü die Optionen Nach oben oder Nach unten.

Da das FAQ-Element in seinen Elementen auf dem Rich Text aufbaut, können Sie den Text wie im Rich Text Element (RTE) bearbeiten, was die Bearbeitung der lang gelesenen Artikel ermöglicht. Ändern Sie alle Text- und Überschriftenelemente direkt, ähnlich wie bei der Textbearbeitung in MS Word.

Wie das Akkordeon ist auch das FAQ in Webdesigns beliebt, und Sie können seine Stile bearbeiten, um sie an Ihre Designanforderungen anzupassen. Klicken Sie auf das FAQ-Element in Ihrem Block. Gehen Sie rechts vom Eigenschaftenbereich und klicken Sie dann auf die Links, um die entsprechenden Bereiche mit Eigenschaften zu öffnen.

Da Farbe im Webdesign von entscheidender Bedeutung ist, ist sie einer der Schlüsselfaktoren für das Styling der FAQ-Tabs. Klicken Sie auf das FAQ-Element, um es auszuwählen, und gehen Sie dann zum Eigenschaftsfenster. Öffnen Sie das Farbbedienfeld, indem Sie auf den Link klicken. Sie können die Füllung, den Rahmen und den Radius der FAQ-Registerkarten und -Elemente ändern.

Wie beim Akkordeon können Sie die Voreinstellungen für das FAQ-Tab-Symbol auswählen und ändern. Sie können die Größe wie bei jedem anderen Symbol anpassen. Wählen Sie das FAQ-Element aus und gehen Sie dann zum Eigenschaftsfenster. Klicken Sie auf das Symbol und bearbeiten Sie im Symbolbereich den Stil, die Größe, die Farbe usw.