Title: Change Iframe Code
Last modified: June 1, 2024
---
# Change Iframe Code
* [pegmullaney](https://wordpress.org/support/users/pegmullaney/)
* (@pegmullaney)
* [2 years ago](https://wordpress.org/support/topic/change-iframe-code/)
* Can anyone help with this please?
* I have recently changed EPOS system provider and they have provided the code
for a “book now” button on my website but it is an iframe.
* I do not want this as my website is very established and I am effectively promoting
their company for free (their branding is all over it) but also there are many
services (healthcare) that my clients can book so the iframe completely takes
over the rest of the content on my website .
* My old EPOS system gave me the code to use a button which then linked to the
booking service instead.
* Can anyone help me change the iframe code into one I can link instead?
Viewing 3 replies - 1 through 3 (of 3 total)
* Moderator [threadi](https://wordpress.org/support/users/threadi/)
* (@threadi)
* [2 years ago](https://wordpress.org/support/topic/change-iframe-code/#post-17796043)
* No, it won’t be that easy. You have to contact the service provider who provided
you with the code. They must offer you an alternative. If they don’t have one,
you can either use the code they provided or look for another provider.
* [michigancontactlens](https://wordpress.org/support/users/michigancontactlens/)
* (@michigancontactlens)
* [2 years ago](https://wordpress.org/support/topic/change-iframe-code/#post-17800692)
* To change the iframe code into a button that links to the booking service, you
can replace the iframe with a simple HTML button that redirects users to the
booking service when clicked. Here’s a basic example:Original iframe code (example)
* html
* Copy code
* ` `New button code
* Replace the iframe code with a button that links to your booking service. Here’s
how you can do it:
* html
* Copy code
* ` Book Now Button `Explanation:
1. **Button Styling**: The `.book-now-button` class is used to style the button.
You can customize the styles (e.g., color, padding, border-radius) to match
your website’s design.
2. **Button Action**: The `onclick` attribute is used to redirect the user to the
booking page URL (`https://youreposeprovider.com/booking`) when the button is
clicked.
* Replace `https://youreposeprovider.com/booking` with the actual URL provided
by your new EPOS system provider.
* Regards
* _[moderator note: [signature moderated](https://wordpress.org/support/guidelines/#do-not-spam)]_
* _[https://wordpress.org/support/guidelines/#do-not-spam](https://wordpress.org/support/guidelines/#do-not-spam)_
- This reply was modified 2 years ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).
* Thread Starter [pegmullaney](https://wordpress.org/support/users/pegmullaney/)
* (@pegmullaney)
* [2 years ago](https://wordpress.org/support/topic/change-iframe-code/#post-17801279)
* Thank you I have done this now 🙂
Viewing 3 replies - 1 through 3 (of 3 total)
The topic ‘Change Iframe Code’ is closed to new replies.
## Tags
* [buttons](https://wordpress.org/support/topic-tag/buttons/)
* [iframe](https://wordpress.org/support/topic-tag/iframe/)
* In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
* 3 replies
* 3 participants
* Last reply from: [pegmullaney](https://wordpress.org/support/users/pegmullaney/)
* Last activity: [2 years ago](https://wordpress.org/support/topic/change-iframe-code/#post-17801279)
* Status: not resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics