The European Space Agency
Home
APEx Application Propagation Environments
Main navigation
  • Algorithm Services
  • Project Environments
    Web Portal
    Geospatial Explorer
    Documentation Hub
    User Forum
    Product Catalogue
    Collaborative Workspaces
  • Resources
    • Algorithm Services Catalogue
    • Data Catalogue
  • Documentation
  • FAQ
  • About APEx
  • News
Contact us
Main navigation
  • Algorithm Services
  • Project Environments
  • Resources
  • Documentation
  • FAQ
  • About APEx
  • News
APEx - Documentation Portal
  1. Guides
  2. Project Portal - User Documentation
  3. Add a web form
  • Welcome
  • On-demand EO services
    • Using openEO service
    • APEx-Compliant Platforms
  • Project Tools
    • Use Cases
    • Geospatial Explorer
    • Project Portal
    • User Workspace
    • Interactive Development Environment
    • Product Catalogue
    • Documentation Portal
    • User Forum
  • Algorithm Services
    • On-Demand EO Services
    • Use Cases
    • Algorithm Porting
    • Algorithm Onboarding
    • Algorithm Upscaling
    • Algorithm Enhancement
    • Toolbox Cloudification
    • Algorithm Intercomparison
  • Guides
    • Creating an APEx account
    • Creating APEx single sign-on token
    • Creating openEO based services
    • Creating EOAP based services
    • Upscaling openEO based services
    • Ingesting STAC metadata in APEx Product Catalogue
    • Linking APEx STAC catalogue with an openEO service
    • File format recommendations
    • Project Portal - User Documentation
      • Login to the Project Portal and the Drupal content overview
      • Manage web pages or add a new page
      • Edit web pages via paragraphs
      • Add content and/or visuals
      • Add a Call-To-Action (CTA)
      • Add news items and an overview of the latest or all news
      • Add an event and an overview of the latest or all events
      • Add a web form
      • Edit the menu navigation
      • Edit the footer
  • Interoperability and Compliance Guidelines
    • Definitions & Actors
    • Algorithm Service Development Options
    • Algorithm Developer and Provider Guidelines
    • Algorithm Hosting Platforms Guidelines
    • Geospatial Explorer
    • Federated Business Model
  1. Guides
  2. Project Portal - User Documentation
  3. Add a web form

Add a web form

You can add a web form via the web portal form settings or by adding an embed code (if you use another application to build web forms e.g. MailChimp).

Create and add a web form in the web portal

Create a web form

To create a new web form, you need to navigate to structure > webforms > forms via the administration toolbar. Here you access all available web forms, edit web forms and add new web forms.

To create a new web form, you need to click the add webform button which is available in the top left corner. Give your web form an appropriate name and click the save button. Now you can start building your web form by clicking the build button on the left side of your web form name. You can add submission fields to your web form by clicking the add element button. In the pop-up window you can search an element that is suitable for the field that you wish to add. For example, to add fields to add first and last name, you can add the element Name and edit the element to indicate that visitors need to enter their first and last name.

Add the web form on your web page

Once your web form is set up, you can easily add it in a web page by using the Webform paragraph. You can add this paragraph as a separate paragraph (use the full width of your web page) and you can use it in the columns paragraph (divide the web page with web form and text for example side-by-side).

When you have selected the paragraph Webform you can easily add the web form by typing the name of the form in the field Webform. The paragraph will display the web form as you have built it. If you want to add or edit fields in your web forms, you have to navigate to structure > webforms > forms via the administration toolbar and edit the form via the build button.

Use an embed code to add a web form

You can also add web forms that are built in other applications such as HubSpot, MailChimp, etc.

Copy the embed code of the web form via the external application. To embed this code and display the web form on the project portal web page, you need to use the Embed paragraph. Paste code in the Embed code field and click save to publish the web form.

Screenshots

Web Form - Menu

Web Form - Menu

Web Form - Overview

Web Form - Overview

Web Form - Build

Web Form - Build

Web Form - Build Elements

Web Form - Build Elements

Web Form - Paragraph

Web Form - Paragraph

Web Form - Embed Paragraph

Web Form - Embed Paragraph

Web Form - Embed Code

Web Form - Embed Code
Add an event and an overview of the latest or all events
Edit the menu navigation