PunchPass Booking Platform - Website embed

Shopify Discussion

Topic summary

A user is attempting to embed the PunchPass booking platform into their Shopify website but is encountering styling issues. PunchPass provided basic iframe embed code, but the resulting display appears visually unappealing on the site.

Main Issue:

  • The embedded booking calendar has a non-transparent background that clashes with the website design
  • The user specifically wants to make the block background transparent

Current Situation:

  • PunchPass support has declined to provide customization assistance, despite the appointment list pulling from their source
  • The user shared their embed code and a screenshot showing the problematic appearance

Status: The discussion remains open with no solutions provided yet. The user is seeking community help for CSS or iframe customization techniques to improve the visual integration.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Has anyone ever integrated/embedded Punchpass Booking platform into their website?

They’ve given me a very basic code, but it just looks absolutely terrible, and they say they can’t help make it better even though this list view of appointments is pulling from their source.

Below is the code, and a visual reference on site. I just want the block background to be transparent really.

Screen Shot 2024-02-14 at 11.26.15 AM.png
Screen Shot 2024-02-14 at 11.26.15 AM.png2742×1450 209 KB

Any assistance would be so greatly appreciated.