▼
Streaming live at 10am (PST)

Make Webflow form submission redirect and perform a search in Wordpress

#1

Hi there,

I am using Webflow to create a new marketing site for my startup and I want to use the Webflow standard form to pass through search terms and perform a search on my Wordpress site (which will be hosted on a subdomain eventually).

How I want it to work:

  1. User lands on http://conservation-guide.webflow.io/
  2. User uses the Webflow form in the top left of screen to type their search and hit enter - this is a form element not a search bar because I want them to search on my wordpress site
  3. Webflow redirects to https://conservationguide.org/projects/?search_keywords= and appends the search term to the end. Spaces need to change to +

NB: I want to keep the marketing site on Webflow; I don’t want to convert it to Wordpress.

Can anybody help me achieve this?

Share link: https://preview.webflow.com/preview/conservation-guide?preview=4973800c45788249a9a6138334132880

Many thanks,

Will

#2

Change the form action to https://conservationguide.org/projects/ and remove the class w-form from the form element (after you export and convert to a Wordpress theme)

#3

Hi samliew, thanks for your answer. However, I want to keep the marketing site on Webflow; I don’t want to convert it to Wordpress.

Is that possible?

Thanks

#5

OK! Any ideas how I’d get started on that?

I’m not even sure what language it needs to be in

#6

Hi, in case anyone wants to know how to do this some time in the future, I figured it out!

  1. Set the field name of your search field to search_keywords or whatever gets appended to perform the search on your page
  2. Set the form action to the search results page, minus the ?, so in my case https://conservationguide.org/projects/
  3. Set the form method to GET
  4. Voila!

:squid::whale2: