Step 1 - Get the embed code
Go to the PayForm dashboard. If you haven't created a form, please do so. Once the form is created, you're able to generate an Embed code for said form. Click on Embed under the payment form you want to embed, and the embed code will be automatically copied to your clipboard.
Step 2 - Create a Code block in your Squarespace editor
Enter your Squarespace editor and highlight the section where you want to insert the payment form. Then click on Edit in the top section of the block.
Then, open the Content blocks drawer clicking on the plus sign (+) on the top right of the section editor, and select Code under More. You can drag the Code block directly to your page, or click on the button and then drag the Code block to position it.
Step 3 - Paste the embed code, apply and save
You will be prompted to paste the customized code. Replace the Hello World code with the PayForm embed code you got earlier. You will be remembered this is a feature only available in the Business plan or higher. Click Apply and then click on Save on the top left corner of the editor.
Due the nature of the PayForm embed code, once you click on Save you won't be able to preview the form embedded in your site until you refresh your page (Ctrl + R). Payment forms created in PayForm are invisible in Safe mode.
Important: Some templates, specially templates that include sliders, can interfere with the credit card popup in Stripe integrations. We recommend that the payment form is either placed on the right of the block, or in a block where the credit card payment form does not interfere with the rest of your website.