- This topic has 12 replies, 2 voices, and was last updated 4 years, 3 months ago by Hans (Support Admin).
HTML code in Call to Action
-
Hello,
I’m having an issue with the custom HTML in the Call to Action. I tried to put a link in (HTML code) which actually is a “Give Now” button (linked to Authorize.net), but it’s not showing up on the website. Ideally, I would like to put the URL in one of the buttons that is available in the Call to Action (Button 1 preferably), but I don’t think it’s possible with Authorize.net since the link to the merchant account is given to me as an HTML code and isn’t just a URL.
It might be a simple fix that I’m missing. Here is the code that was provided to me.
<form name=”PrePage” method = “post” action = “https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx”> <input type = “hidden” name = “LinkId” value =”b8f4fbfb-eb99-4dbb-b9ae-6034a45d7e65″ /> <input type = “submit” value = “Give Now” /> </form>
When I post that in the Call to Action section under text, the Give Now button does not appear on the website. However, when I change from text to visual the button shows up in the editing area, but still not on the website. So I switched back to text for custom HTML, and I went to the website to preview and looked at the page source and the HTML code for authorize is there, so I’m a bit confused as to why it won’t show up. Hope this makes sense. I can give you the credentials for my account if you need them. The website is Newlifefamilyworship.net
Thanks for all your help,
Josiah
Hello Josiah,
The reason why it doesn’t appear is because there is escaping & sanitization enabled on text fields.
Meaning if you enter HTML code in a text field it will remove all HTML characters.
You will need to edit the call-to-action.php file located in the sections folder.
You will find the following code;
esc_attr($parallel['calltoaction-btn1-text']);
You will need to change it to;
wp_kses_post($parallel['calltoaction-btn1-text']);
Let me know if that doesn’t work.
No dice, still did not work. As I hover over the button, the url it directs me to is the https://newlifefamilyworship.net/?customize_changeset_uuid=b196dcec-478e-4258-abe0-7de63e0ca55c&customize_theme=parallel-pro, despite the URL section being loaded with something else. I have left it in there if you want to log in on my end and take a peek at it. Let me know if I should send my credentials or if you have other steps for me to try before going that route. Thanks
– Josiah
Hello Josiah,
Ok, in that case send me your Admin Dashboard login credentials so I can have a look myself.
Hello Josiah,
I have logged into your website and edited the call-to-action.php file.
I have added your form code for the donation.
You were trying to add a form and not just a link, which was the cause of the issue.
It is working now.
I’m not sure replying to this will even work but, after the last updated we’re having the same issue. If you can tell me how to correct the form code vs link problem I can handle it myself. I appreciate the help
Hello,
Updating will over-write any code changes you made to the theme files in the past.
You will have to install the child theme and then re-do the changes we made in the past to the Call to Action file.
Are the credentials you provided me in the past still the same?
I apologize for the delay, yes, the information should be the same. If you have any difficulties, please let me know
Hello,
Ok, sounds good.
I will also need FTP access since I will need to copy one of the theme files to the child theme folder and modify it.
You can email me the credentials to [email protected]
Hello @nlfw
I received your email and made the changes.
I have installed the Parallel Pro Child theme and copied over the call to action file.
All you need to do now is navigate to Appearance > Themes and activate the Parallel Pro Child Theme.
That should do it.
Hello @nlfw
I have logged in again and added the form code you had initially requested for the CTA section.
Let me know if that is working. Make sure the child theme is activated.
You must be logged in to reply to this topic.