Skip to main content
All CollectionsInteractive Features
Pre-fill the Direct Posts Form
Pre-fill the Direct Posts Form

How to handover name, email address or location to the Direct Posts form

Michael Kamleitner avatar
Written by Michael Kamleitner
Updated over 10 months ago

For customers or partners who plan to embed our social media walls on their platforms while using our Direct Posts to collect user-generated content, it can be useful to prefill the Direct Posts submission form with data. This way, a user who already is logged in on the embedding platform, does not need to enter their name, email address etc. again.

Pre-filling the Direct Posts form can be achieved by using either # hashtag or normal parameters in the URL. We are currently offering these parameters for pre-fill:

name
first_name
last_name
email
location

💡 Notice: Please choose either name or first_name and last_name depending on whether you have set up your form to use a single name field or separate fields.

Pre-filling Direct Posts when linking to your wall

Here's an example for pre-filling Direct Posts when using a direct link to send users to your wall using hashtag parameters:

https://my.walls.io/YOURWALL#name=Axel+F&email=axel@lapd.org&location=Los+Angeles

And here's the same example, but this time using normal URL parameters:

https://my.walls.io/YOURWALL?name=Axel+F&email=axel@lapd.org&location=Los+Angeles

💡 Notice: Please notice that all data needs to be URL-encoded (f.e. using a + sign instead of a blank). You can use this tool to URL-encode your data.

This how the pre-filled form looks like:

Pre-filling Direct Posts when embedding your wall

When using our iframe- or JavaScript embed code, you can pre-fill the Direct Posts form by adding the hashtag parameters to the embed URL. For the iframe snippet, this is done in the src parameter:

<iframe allowfullscreen id="wallsio-iframe"
src="https://my.walls.io/YOURWALL?
nobackground=1&show_header=0&show_post_info=1&accessibility=0#name=Axel+F&
email=axel@lapd.org&location=Los+Angeles"
style="border:0;height:800px;width:100%" loading="lazy"></iframe>

For the JavaScript embed code, please add your data in the data-wallurl parameter:

<script async src="https://walls.io/js/wallsio-widget-1.2.js" 
data-wallurl="https://my.walls.io/YOURWALL?
nobackground=1&show_header=0&show_post_info=1&accessibility=0#name=Axel+F&
email=axek@lapd.org&location=Los+Angeles" data-width="100%"
data-autoheight="1" data-height="800" data-lazyload="1"></script>

In case you have further questions, don't hesitate to contact the support team via chat or support@walls.io!

Did this answer your question?