Typeform
-
Create an account
-
Create an order form
-
Get the form URL
1. Access Typeform
2. Create an new account or sign in with Google account
![](/wp-content/uploads/2024/03/209883805-f811d8becf1ddfa95d8f7ac8.png)
3. Now you’re in the Typeform dashboard.
![](/wp-content/uploads/2024/03/209884380-79dc4a267de7a36b33582515.png)
4. Create a new online order form from template
Access below URL
https://www.typeform.com/templates/t/online-order-form-template/
Note: This template requires at least Pro plan, please make sure your plan is Pro plan or greater.
5. Click [Start with the template] button
![](/wp-content/uploads/2024/03/209884682-1e4ca249fa3ea3809bbeebbb.png)
6. You can edit template as you like
![](/wp-content/uploads/2024/03/209884967-a618e7f1fa81011f02ffecbf.png)
7. Click [Publish] button to make it public
![](/wp-content/uploads/2024/03/209885241-ce46bee174c75013e17e1779.png)
8. Click [SHARE] tab
![](/wp-content/uploads/2024/03/209885721-e7e6d0e1634fced7d40d3d07.png)
9. Click [Copy link] button
![](/wp-content/uploads/2024/03/209887405-390658b93f4d360df0a34949.png)
WordPress site
-
Install Typeform plugin
-
Paste copied Typeform URL
-
Generate and deploy an artifact
10. Login to Shifter dashboard
![](/wp-content/uploads/2024/03/204307792-368f0f14bc25487b6ae7e6bc.png)
11. Start WordPress and login to it
![](/wp-content/uploads/2024/03/108776026-7ef52d024730847812ac3ba1.png)
12.Install and activate plugin
![](/wp-content/uploads/2024/03/204298392-936bdab131a309814eb1df68.png)
13. Search “typeform” then install, activate it.
![](/wp-content/uploads/2024/03/209911503-25ae766cbbb85f3c87aa1a61.png)
14. Create page, post for add order form.
![](/wp-content/uploads/2024/03/204309374-4d4e78c4d7330bab0aa0e96a.png)
15. Click [Add block] button, then choose [Typeform] from the menu
![](/wp-content/uploads/2024/03/209912125-25d78e4c071312d335cbddcf.png)
16. Paste copied Typeform URL in step 9 into [Typeform URL] field
![](/wp-content/uploads/2024/03/209912680-319e4386c548f01b343e75c6.png)
17. Click [View Typeform] to preview
![](/wp-content/uploads/2024/03/209914078-e1d2a458389fe349ba405753.png)
18. Publish
![](/wp-content/uploads/2024/03/209915928-ffa47f2bc72e61f45171b849.png)
19. Stop WordPress and generate an Artifact on Shifter dashboard
![](/wp-content/uploads/2024/03/204311957-60692a311c0022f100f088a2.png)
20. Confirm the form works
![](/wp-content/uploads/2024/03/209917547-a6cbb0b77485dd4b4565dc88.png)
That’s all!