Has anyone been able to successfully embed a Knack app, so they can use their own domain & SSL, but not have to do a load of custom CSS over the top? The idea is no code, so I would like to avoid adding in.
I have tried webflow, wix & weebly and they all lose the embedding or Webflow redirects to the Knack URL on mobile/tablet.
Thanks.
2 Likes
Yes.
To embed a Knack app without needing to do a lot of custom CSS, you have 2 options:
-
Publish an HTML website that does not contain any CSS. Here is a step-by-step guide found online:
How to Publish an HTML Website.
-
Remove or disable the stylesheet(s) provided by your website provider. You can probably find instructions from the website provider (Wix, WordPress, Squarespace, Weebly, Webflow).
Regardless of which option you choose, the goal is to embed on a page that isnāt linked to any stylesheets. If your goal is 100% no code, you can ask a developer to publish an HTML page for you.
Hi, thanks for the response.
The remaining issue is that on apple devices, the URLās redirect to the Knack URL. So your custom domain only works for Windows & Android etc.
Thanks
Kyran
1 Like
Hm. Thatās not typical behavior so I would report that to Knack support or ask a developer to investigate for you.
Hi KyranPoole35579
I struggled with this too. The best I managed was to use Weebly - as the Knack documentation recommends - with a completely stripped-back template.
You can do that by:
- Download the template from GitHub here: GitHub - Weebly/base-less-theme: This is the starting point for LESS based Weebly themes - click the āCodeā button at the top right and choose āDownload ZIPā.
- In Weebly click āThemeā then āChange Themeā.
- Click āImport Themeā at the top right and add the zip file you downloaded.
- Click the āEdit HTML / CSSā button at the bottom left of the Theme page.
- Click on the file called no-header.html in the side menu.
- Select the code that begins with
down to the
just under the line that only says {menu} and delete these lines.
- Click the Save button at the top right.
- Go back to the main Weebly editor page and click the āpublishā button.
That worked for me. The only small issue I have is that the header doesnāt bleed right to the edge or top of the page, but for the rest, itās pretty good.
Cheers
Chris
Following on from this, yes, youāre right, from my iPhone it does redirect to the Knack URL. That is frustrating.
Iāll start a support ticket.
1 Like
My webpage embeds are loading correctly and staying on my site. I am not experiencing the problem you have but I do know from previous experience that if you have a link back to the site somewhere that is hard coded, it will break out of the page onto the knack site.