Change Iframe Code

  • pegmullaney

    (@pegmullaney)


    2 years ago

    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

    (@threadi)

    2 years ago

    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

    (@michigancontactlens)

    2 years ago

    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

    <iframe src="https://youreposeprovider.com/booking" width="600" height="400" style="border:none;"></iframe> 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

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Book Now Button</title> <style> .book-now-button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 12px; } </style> </head> <body> <button class="book-now-button" onclick="location.href='https://youreposeprovider.com/booking'">Book Now</button> </body> </html> 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://ww.wp.xz.cn/support/guidelines/#do-not-spam

    Thread Starter pegmullaney

    (@pegmullaney)

    2 years ago

    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.