Paypal Button code changes

Hey FFAlan,
Try using a plain text editor like notepad, VScode, or notepad++, not Word.

Best regards,
Mike

Hi,
Ok, you had said that you were pateing it into Word.
If you are not then how you are copying it is adding the extra code, you will need to remove it, the theme is not adding this.

Best regards,
Mike

Hi,
Thank you for your patience, when I test your snippet above I find that the quotes have been converted to curly quotes which break the code.
If I correct them first, they work correctly in the code block element:


when using a code snippet like this the code block element is the correct element to use because the PayPal snippet is calling a function from the PayPal site which will run in the backend editor where you don’t want it to. The visual mode of the text editor will run the code, but the code block element will not.
If you really want to use the text block element, then use the code tab and do not switch to the visual tab. Here I show that this works, in the code tab you see the code and the preview shows the button:

at this point click “save” and not the visual tab and the button is shown in the editor, which means that WordPress is running the code in the text element in the backend.
Now you can update the page and view the frontend:

This is the corrected code snippet that I used:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="H87UB2HDHP3GS" />
<table>
<tr>
<td>
<input type="hidden" name="on0" value="Options for Brondanw & Nantclwyd only"/>
Options for Brondanw & Nantclwyd only
</td>
</tr>
<tr>
<td>
<select name="os0">
<option value="Member">
Member £17.00 GBP
</option>
<option value="Guest">
Guest £19.00 GBP
</option>
<option value="2 Members">
2 Members £34.00 GBP
</option>
<option value="1 Member + 1 Guest">
1 Member + 1 Guest £36.00 GBP
</option>
<option value="Child under 16">
Child under 16 £10.00 GBP
</option>
</select>
</td>
</tr>
</table>
<input type="hidden" name="currency_code" value="GBP" />
<input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online!" alt="Add to Cart" />
</form>

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
To prevent your code snippet from changing if you want to edit the text block element in the future, such as adding text around the button, we will create a shortcode for your button, by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function paypal_button_shortcode() {
    ob_start(); ?>
    
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
        <input type="hidden" name="cmd" value="_s-xclick" />
        <input type="hidden" name="hosted_button_id" value="H87UB2HDHP3GS" />
        <table>
            <tr>
                <td>
                    <input type="hidden" name="on0" value="Options for Brondanw & Nantclwyd only" />
                    Options for Brondanw & Nantclwyd only
                </td>
            </tr>
            <tr>
                <td>
                    <select name="os0">
                        <option value="Member">Member £17.00 GBP</option>
                        <option value="Guest">Guest £19.00 GBP</option>
                        <option value="2 Members">2 Members £34.00 GBP</option>
                        <option value="1 Member + 1 Guest">1 Member + 1 Guest £36.00 GBP</option>
                        <option value="Child under 16">Child under 16 £10.00 GBP</option>
                    </select>
                </td>
            </tr>
        </table>
        <input type="hidden" name="currency_code" value="GBP" />
        <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online!" alt="Add to Cart" />
    </form>

    <?php
    return ob_get_clean();
}
add_shortcode('paypal_button', 'paypal_button_shortcode');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Then in your text block element use this shortcode [paypal_button]

in the backend you will only see the shorcode:

and on the frontend the button shows:

Best regards,
Mike

Hi,
The snippet that you posted above was not in a code wrap, so it is common in the forum for the quotes to be changed and also in the WordPress text field, since the forum uses WordPress. It is easy to see the diffence when a plain text editor is used such as VS code. So I’m not sure if you posted the incorrect code or if the forum text field changed it, this is why I posted the code in a code block for you above.
But as I pointed out above, using the text block and then viewing the code in the visual tab will change the code because of the added script running in the backend of your site, there is no way to stop this, so the correct solution is to use the code block element instead. See my post above.
The other solution would be to use the shortcode for the button above, which you could use in a text element, if you really needed to do that.
Try following the steps in my post above and you will see that if you do not use the visual tab for your code snippet, the button will work correctly, but if you ever edit the element again in the future you will see the error again, there is no way to stop this.
So I recommend either using the code block element, or the shortcode function above.

Best regards,
Mike

Hi,
The “preview” of a draft page doesn’t always work correctly, you are always best to publish the page and view it to see an accurate result of your page.
Do you mean the “element preview” shown next to the text element? This is enabled by default in the theme, go to Enfold Theme Options ▸ Layout Builder ▸ Disable Advanced Layout Builder Preview In Backend to see if it is disabled:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike