Add a payment page to your website

Want to accept payments through your website? Helcim Payment Pages offer ways to integrate, allowing you to direct customers to your payment page.

This article will guide you through adding links or buttons to your website and introduce you to additional developer settings for more advanced integrations.

In this article

• Adding links or buttons to your website

• Advanced developer settings

• Next steps

• FAQ

Adding links or buttons to your website

You can add elements to your website that will direct customers to your Helcim Payment Page, allowing them to complete their payment.

Adding a hyperlink

• Navigate to the Payment Pages section and select the page you want to link to.

• Select the Result tab.

• Click Copy next to the provided HTML code, under the HTML - Simple Link box

• Add this code to your website's HTML.

Adding a "Pay Now" button

Helcim also provides HTML code to create a button on your website that directs customers to your payment page.

• Navigate to the Payment Pages section and select the page you want to add the button to.

• Select the Result tab.

• Click Copy next to the provided HTML code, under the HTML - Form (POST) box

• Copy the provided HTML code.

• Add this HTML code to your website's HTML.

Customization considerations

When adding links or buttons, consider some customization to ensure they integrate smoothly with your website's design.

• Styling: You might need to adjust the ‘Pay now’ button’s CSS properties to match your website's fonts, colors, and button styles.

• Layout: Ensure the link or button displays correctly within your website's layout, especially on different screen sizes.

• Responsiveness: Test the link or button on various devices to ensure it's fully responsive and looks good on desktops, tablets, and smartphones.

Advanced developer settings

If you are working with a web developer and want to create more advanced integrations, Helcim offers Developer Settings that enable features like Approval Send POST.

Next steps

Need help embedding? If you're having trouble embedding your payment page, we recommend checking the support documentation for your specific website platform (e.g., WordPress, Shopify, Squarespace).

Developer integration: For assistance with advanced developer settings like Approval Send POST, visit our article on Using Approval Send POST with Payment Pages.

Contact Helcim Support: If you have any other questions or need further assistance, our Helcim support team is here to help! Visit our contact page to reach us.