While Walls.io does currently not offer a feature that let's users directly post to a wall, it is easy to use Involve.me and our Zapier integration create a direct post form! This step-by-step guide explains how you can achieve this!
🚨 Important: Please notice, that using our Zapier integration requires access to the Walls.io API – this is currently only included in our Premium plans! Furthermore, you'll need to be on the Involve.me Starter plan at the least.
1. Sign-up to Zapier & Involve.me
To get started, sign up with Zapier (https://zapier.com/) if you haven't already. Zapier is a marketing tool that allows you to connect hundreds of apps without coding skills. Zapier is offering free plans, so you can get started right away!
Next, signup with Involve.me and upgraded to the Starter plan. Involve.me is a powerful form builder that let's you build all sorts of interactive quizzes, forms, calculators.
2. Enable API access for your wall
In Walls.io, go to "Settings" -> "API Access" and activate the access token:
3. Create you project on Involve.me
Create a new project, choose "Form" as project type and "Blank" as the template.
Choose "Thank You Page" as project type and give your project a name:
Ini the form builder, first add a "Free text input"-field. Choose "Text" as question text, and make sure that the "Answer is required". You can also "Use question as a placeholder" if you want a more compact form:
Next, add a "File upload" field. "Restrict file size" to 25MB and make sure that file-types are restricted to .jpg, jpeg, .png, .gif:
Finally, at a button, set the button text to "Post now!" and make sure the button links to the next page:
wallsio-upload-form
Finally, you can customise the "Thank you page" with a personal note:
4. Publish your Involve.me project
While editing your project, you can always use "Design Preview" to test your form. When you are done, "Publish" the form. You can use your form by send people to it through a link, or by embedding the form to your website (similar to the Walls.io widget):
6. Create a test post!
Now open your project and create a test post! This is important for connecting Involve.me to Zapier in the next steps!
7. Create an API Key
Next, you'll have to create an API key for your Involve.me project. Go to "Integrations", setup integrations on "Project level" and choose your project. Choose "Use integration settings for this project", and on the "Zapier" tab "re-generate" the API key. Copy this key for later!
8. Connect Involve.me & Walls.io on Zapier.
In Zapier, start to create your "Zap" by clicking "Make a Zap" (a Zap is kind of a "recipe" that will connect two apps, in our case Involve.me + Walls.io). Enter a name for your Zap, f.e. "Involve.me to Walls.io". Choose Zapier for the trigger app and "New Lead" as trigger event:
When asked to connect your Involve.me account, paste the API key generated in the previous step!
As the action event, choose Walls.io and the "Create post" event:
If this is your first Zap using Walls.io, you'll have to "Sign in to Walls.io" and copy/paste the API token obtained in step 2:
9. Set up the Zapier action
Next, you'll have to "wire" the Involve.me data fields to the Zapier action. For the "Text"-field this is easy - simply choose the "Text" field from the Involve.me result. For username enter "Anonymous" or similar - this is necessary because our Involve.me form did not ask for the username. If you prefer to do so, it is simple to extend the form step 3!
Finally you have to connect the "Image" field to the file upload from Involve.me. This can be a bit tricky if you have not given the upload field a clear name. In this case you just have to look out for random-coded field name - it should be easy to spot since it holds a long image-URL as its value:
10. Test your Zap and turn it on!
After turning on your Zap, all form submissions will be automatically sent to your Wall! 🚀 Watch out – depending on your Zapier plan it might take a few minutes for new posts to appear on the wall!
11. Bonus: Putting it all together
Finally, you can set up a simple HTML webpage to put the Involve.me next to (or above) the Walls.io widget. This is how it might look like:
And here's the HTML code:
<html>
<body style="background-color:#e0e0e0;">
<div style="width:33%;float:left;" class="involveme_embed" data-embed="YOURINVOLVEME" ></div>
<script src="https://app.involve.me/embed"></script>
<div style="width:66%;float:left;">
<script async src="https://walls.io/js/wallsio-widget-1.2.js" data-wallurl="https://my.walls.io/YOURWALL?nobackground=1&show_header=0" data-title="Zapier Demos" data-width="100%" data-autoheight="1" data-height="800" data-lazyload="1"></script>
</div>
</body>
</html>
In case you have further questions, don't hesitate to contact the support team via the chat or support@walls.io!