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 8 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?