# Knack Website Embedding - With Formatting?

**URL:** <https://forums.knack.com/t/knack-website-embedding-with-formatting/13041>\
**Category:** Knacksters' Idea Lab\
**Created:** [September 8, 2022, 2:10pm UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041 "2022-09-08T14:10:32Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![KyranPoole35579](https://avatars.discourse-cdn.com/v4/letter/k/f05b48/32.png) [@KyranPoole35579](https://forums.knack.com/u/KyranPoole35579)\
**Post date:** [September 8, 2022, 2:10pm UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/1 "2022-09-08T14:10:32Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![KnackPros](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/knackpros/32/807_2.png) [@KnackPros](https://forums.knack.com/u/KnackPros)\
**Post date:** [September 16, 2022, 10:36pm UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/2 "2022-09-16T22:36:46Z")

</div>

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](https://www.freecodecamp.org/news/publish-your-website-netlify-github/).

- 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.

---

<div class="post-metadata">

**Author:** ![KyranPoole35579](https://avatars.discourse-cdn.com/v4/letter/k/f05b48/32.png) [@KyranPoole35579](https://forums.knack.com/u/KyranPoole35579)\
**Post date:** [October 11, 2022, 10:17am UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/3 "2022-10-11T10:17:00Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![KnackPros](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/knackpros/32/807_2.png) [@KnackPros](https://forums.knack.com/u/KnackPros)\
**Post date:** [October 11, 2022, 4:00pm UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/4 "2022-10-11T16:00:03Z")

</div>

Hm. That’s not typical behavior so I would report that to Knack support or ask a developer to investigate for you.

---

<div class="post-metadata">

**Author:** ![Chris10](https://avatars.discourse-cdn.com/v4/letter/c/c77e96/32.png) [@Chris10](https://forums.knack.com/u/Chris10)\
**Post date:** [June 28, 2023, 2:07am UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/5 "2023-06-28T02:07:25Z")

</div>

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:

1. Download the template from GitHub here: [GitHub - Weebly/base-less-theme: This is the starting point for LESS based Weebly themes](https://github.com/Weebly/base-less-theme) - click the “Code” button at the top right and choose ‘Download ZIP’.
2. In Weebly click “Theme” then “Change Theme”.
3. Click “Import Theme” at the top right and add the zip file you downloaded.
4. Click the “Edit HTML / CSS” button at the bottom left of the Theme page.
5. Click on the file called no-header.html in the side menu.
6. Select the code that begins with 
 down to the 
 just under the line that only says {menu} and delete these lines.
7. Click the Save button at the top right.
8. 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

---

<div class="post-metadata">

**Author:** ![Chris10](https://avatars.discourse-cdn.com/v4/letter/c/c77e96/32.png) [@Chris10](https://forums.knack.com/u/Chris10)\
**Post date:** [June 28, 2023, 2:09am UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/6 "2023-06-28T02:09:23Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![DeanBozzan62116](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@DeanBozzan62116](https://forums.knack.com/u/DeanBozzan62116)\
**Post date:** [June 29, 2023, 12:08am UTC](https://forums.knack.com/t/knack-website-embedding-with-formatting/13041/7 "2023-06-29T00:08:26Z")

</div>

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.
