Point - How do I share code snippets on a page? – Papirfly Help Center

On this page

Adding a code library

In Point, the brand portal, the Code library block shows a live preview of HTML, CSS and JavaScript code with the code underneath, so developers can see a component and copy its code.

Open the page in edit mode. See Point - How do I edit a page in the brand portal?
In a section, click the small plus button. The block toolbar opens.
Click the arrow next to the code button and choose Create code library.
The first time, Point asks how to set up the code library. Choose Skip the process to add code manually, and click Next.
Type or paste your code in the HTML, CSS and JS tabs. The preview above updates as you type.

Code library block in the Point brand portal WYSIWYG editor with a live preview, HTML, CSS and JS tabs, Copy to clipboard and desktop and mobile preview buttons

What are the other setup options?

Manual setup: provide your own CSS and HTML file.
Autopilot setup (Beta): provide a URL and Point does the rest.

First-time code library setup in the Point brand portal with Manual setup, Autopilot setup (Beta) and Skip the process options and the Next button

What are the buttons next to the code tabs?

Copy to clipboard copies the code.
The desktop and mobile buttons switch the preview between desktop and mobile width.

How do I change the block background?

Click the code icon at the top left of the block. In Block settings, choose a Background colour and turn Padding on or off.