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.
⚠️ Warning: pre-fill values passed with hash parameters are stored in your browser's local storage. If you reopen the wall with different values, older values may still appear until you use a private window or clear your browsing data.
To update the data:
Reopen the link in an incognito/private window
Clear your browser's browsing data
Which Direct Posts fields can you pre-fill?
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
location
💡 Tip: use name if your form has one name field, or use first_name and last_name if your form uses 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 note 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!