You have several options to design your petition form and modify its content.
After creating a petition or selecting an existing one for editing, you will reach the editing area for the petition form.
The central area of the screen is divided into two areas - the central area and the menu area to the right for editing the form. Below, we will list the available settings options with a description of what they do and further instructions if necessary.
The central area
Button "Add new"
By clicking the button, you can directly create another petition form. Note that you leave the "Edit Petition" area and return to the previous "Add new Petition" area.
"Name" field
Here, you can adapt and change the name of your petition form.
"Heading" and "Subheading" fields
Here, you can give your petition form a meaningful heading and subheading. The fields are intended for the formulation of your request or call to action. Example of a headline: "Our children in Musterstadt need a new playground!", sub-heading: "Kindergarten Sonnenschein calls on the city council to build the playground promised to our children."
TIP: The subheading should be a maximum of three sentences long. It is best to have one sentence with a short, targeted call to action that includes: WHO (optional) demands WHAT from WHOM.
"Preview" section
Here, you can see a preview of your petition and can:
- Track live any changes to the form.
- Switch the view between two screen sizes to compare how the responsive form looks on different screens (narrow = mobile, normal = desktop screen).
- Try out the form directly without saving any data.
The menu area
TIP: After you have made your settings in one of the menu areas, you can use the small arrow to the left of the heading to minimise this area. This function is useful on small screens. You will have to scroll less.
"Update" section
Here, you can Update your petition form after changes, switch it from Active to Inactive or move it to the trash.
- Click the Update button to apply changes to the form.
- Click on the link Move to trash to move the form to the trash. The overview of your petitions is then displayed.
- Click on the Edit link to open the drop-down menu to switch your petition from Active to Inactive. Select the desired status and click OK to complete the process.
"Theme" section
Here, you can change the colour of the individual areas of the form to match the design of your website and replace the background colour of the header area with an image.
A distinction is made between "Widget" (the form area) and "Header and Button". Here you can set the background colour and the text colour for both.
You can change the text colour between black and white with one click.
The background colour can be defined by a hex code or by selecting any colour from the colour selection area. A click on the Standard button resets all changes to the standard colours of the Civist plugin. That applies to both the background colour and the text colour.
An image can replace the coloured header area. To do so, proceed as follows:
- Click on Add Image below "Image" to start the dialogue. You can:
- upload a new image
- Select an existing image from your media library.
- Click on Use Image in the bottom right-hand corner to finally insert the image.
TIP: Uploaded images are added to your WordPress library. This way, everything is in one place. You can also set a standard colour scheme for your forms. This way, you don't always have to set up each form anew. Here is a guide to set up the default colours for all your Civist forms.
ATTENTION: Whether your forms have a "Shadow" or a "Border" can only be set globally in the settings. The standard setting ist "Shadow". You can change the settings in the Civist Settings in "Theme".
"Settings" section
Here you set a target for your signatures under "Goal (Signatures)" as well as a "Start Date" and an "End Date" for your petition.
––––– DE –––––
Wie bearbeite ich mein Petitionsformular?
Du hast verschiedene Möglichkeiten dein Petitionsformular zu gestalten und deren Inhalt zu modifizieren.
Nachdem du eine Petition erstellt hast oder eine vorhandene zur Bearbeitung ausgewählt hast, gelangst du in den Bearbeitungsbereich für das Petitionsformular.
Der zentrale Bildschirmbereich unterteilt sich in zwei Bereiche - den Hauptbereich sowie den Menübereich rechts davon zum Editieren des Formulars. Es folgt eine Aufstellung der vorhandenen Einstellungsmöglichkeiten mit einer Beschreibung, was diese bewirken und gegebenenfalls einer Anleitungen.
Der Hauptbereich
Button "Erstellen"
Mit einem Klick auf diesen Button kannst du direkt ein weiteres Petitionsformular erstellen. Beachte, dass du den Bereich "Petition bearbeiten" verlässt und zum vorherigen Bereich "Petition erstellen" zurückkehrst.
Feld "Name"
Hier kannst du den Namen deiner Petition anpassen und ändern.
Felder "Überschrift" und "Unterüberschrift"
Gib hier dem Petitionsformular eine aussagekräftige Überschrift und Unterüberschrift. Die Felder sind für die Formulierung deines Anliegens bzw. Aktionsaufrufes gedacht. Beispiel für eine Überschrift: "Unsere Kinder in Musterstadt brauchen einen neuen Spielplatz!", Unterüberschrift: "Der Kindergarten Sonnenschein fordert die Stadtverwaltung auf, unseren Kindern versprochenen Spielplatz zu bauen."
TIPP: Die Unterüberschrift sollte maximal drei Sätze lang sein. Am Besten ist ein Satz mit einem kurzen gezielten Aktionsaufruf der enthält: WER (optional) fordert WAS von WEM.
Bereich "Vorschau"
Hier siehst du eine Vorschau deiner Petition und kannst:
- Live alle Änderungen am Formular verfolgen.
- Die Ansicht zwischen zwei Bildschirmgrößen umschalten, um zu vergleichen, wie das responsive Formular auf unterschiedlichen Bildschirmen aussieht (schmal = Mobilgerät, normal = Desktop-Bildschirm).
- Das Formular direkt ausprobieren, ohne dass Daten gespeichert werden.
Der Menübereich
TIPP: Nachdem du deine Einstellungen in einem der Menübereiche vorgenommen hast, kannst du den kleinen Pfeil links neben der Überschrift nutzen, um diesen Bereich zu minimieren. Diese Funktion ist bei kleinen Bildschirmen praktisch. So musst du weniger scrollen.
Bereich "Aktualisieren"
Hier kannst du dein Petitionsformular nach Änderungen Aktualisieren, von Aktiv auf Inaktiv schalten oder in den Papierkorb legen.
- Klicke den Button Aktualisieren, um Änderungen am Formular zu übernehmen.
- Klicke auf den Link in Papierkorb legen, um das Formular in den Papierkorb zu verschieben. Anschließend wird dir die Übersicht deiner Petitionen angezeigt.
- Klicke auf den Link Bearbeiten, um das Auswahlmenü zu erhalten, indem du deine Petition von Aktiv auf Inaktiv schalten kannst. Wähle den gewünschten Status aus und Klicke OK, um den Vorgang abzuschließen.
Bereich "Gestaltung"
Hier kannst du die einzelne Bereiche des Formulars farblich an die Gestaltung deiner Webseite anpassen sowie die Hintergrundfarbe des Kopfbereiches durch ein Bild ersetzen.
Unterschieden wird in "Widget" (der Formularbereich) sowie "Kopfbereich und Button". Für beides legst du hier die Hintergrund- und die Textfarbe fest.
Die Textfarbe kannst du mit einem Klick zwischen schwarz und weiß wechseln.
Die Hintergrundfarbe kann durch einen Hex-Code oder per Auswahl einer beliebigen Farbe aus dem Farbwahlbereich definiert werden. Ein Klick auf den Button Standard setzt alle Änderungen auf die Standardfarben des Civist-Plugin zurück. Das gilt sowohl für die Hintergrundfarbe als auch für die Textfarbe.
Der farbige Kopfbereich kann durch ein Bild ersetzt werden. Gehe dazu wie folgt vor:
- Klicke unterhalb von "Bild" auf Bild hinzufügen, um den Dialog zu starten. Hier kannst du:
- ein neues Bild hochladen
- ein vorhandenes Bild aus deiner Mediathek auswählen
- Klicke auf Bild verwenden, um das Bild abschließend einzufügen.
TIPP: Hochgeladene Bilder werden deiner WordPress-Mediathek hinzugefügt. So ist alles an einem Platz. Darüber hinaus kannst du eine allgemeingültige Farbgestaltung für deine Formulare festlegen. So musst du nicht immer jedes Formular neu einstellen. Hier ist eine Anleitung zum Festlegen der Standardfarben für alle deine Civist-Formulare.
ACHTUNG: Ob deine Formulare einen "Schatten" oder einen "Rand" aufweisen, kann nur global in den Einstellungen festgelegt werden. Die Standardeinstellung ist "Schatten". Du kannst die Einstellungen in den Civist-Einstellungen unter "Theme" ändern.
Bereich "Einstellungen"
Hier setzt du ein Ziel für deine Unterschriften unter "Ziel (Unterschriften)" sowie legst ein "Startdatum" und ein "Abschlussdatum" für deine Petition fest.