Step-by-Step Embedding Instructions

Step 1: Log In to Your Merchant Dashboard

Step 2: Navigate to the Developer Section

Step 3: Locate the JavaScript Code Snippet

Step 4: Copy the Code Snippet

Step 5: Paste the Code Snippet into Your Website

The exact placement of the code snippet is crucial and often specified by the payment provider's documentation. Generally, there are two common approaches:

1. Global Placement (Recommended for most scripts): Paste the code snippet just before the closing </body> tag in your website's main template file or footer section. This ensures the script loads on all pages where the button might be needed without interfering with initial page rendering.

2. Specific Placement: Some scripts might require placement within a specific <div> container where you want the button to appear visually on the page. Follow the provider's instructions precisely if this is the case.

Consult your payment provider's integration documentation for the recommended placement specific to their script.

Step 6: Save Changes and Verify

After pasting the code, save the changes to your website file or within your CMS interface. Clear any caching mechanisms your website or server might be using (both server-side cache and browser cache). Then, navigate to a relevant page on your live website (e.g., a product page or checkout page) where the button should appear. Verify that the button is displayed correctly and test its functionality by initiating a test transaction if possible (using testnet coins if available).