Problem:
The client needed to translate the text "CLICK TO ASK A DERMATOLOGIST NOW" visible on AMP pages, which was entered using an HTML tag inside the AMP Plugin.
Solution:
We found that the HTML box where the client added the HTML content was not configured to display translated HTML on the frontend. To solve this, we followed the steps in the provided documentation and inserted a specific code snippet into the Footer template of the "Design 2" template used by the AMP for WP plugin. The path to the file is
wp-contents/plugins/accelerated-mobile-pages/templates/design-manager/design-2/footer.php
. After adding the code and translating the button text via String Translation, the text displayed correctly in Spanish on the frontend.
We also advised the client that any updates to the AMP plugin would overwrite these custom changes. To prevent this, we suggested two alternatives:
1) Use the Hook provided by the AMPforWP plugin to append the code to the footer by adding it to the
file of the theme.
2) Create a custom footer template within a child theme for the necessary customizations.
Both alternatives help ensure that modifications remain intact after plugin updates. For more information on hooks and creating a custom template, we recommended consulting the AMPforWP tutorials:
If the solution provided here is not relevant due to being outdated or not applicable to your case, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If further assistance is needed, please open a new support ticket.
