How to add Code Snippets to a Pixieset website

Embed Code Snippets on Pixieset in just a few steps

Embed Code Snippets on Pixieset

01
Create a Code Snippets widget for Pixieset On Common Ninja

First, create a Pixieset Code Snippets widget on Common Ninja.

On the widgets catalog, find the Code Snippets and enter the Editor.

Create a Code Snippets widget for Pixieset On Common Ninja
02
Save the Code Snippets widget

When you're done creating the Code Snippets widget, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Code Snippets widget
03
Copy the Code Snippets Embed Code

When you're ready to add the Code Snippets widget to your Pixieset website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the widget embed code. In the next steps, you will paste this code into your Pixieset website.

Copy the Code Snippets Embed Code
04
Add new block

Now, let's head to the Pixieset website's editor.

On the Pixieset editor, click the Add Block button where you wish to add the Code Snippets.

Add new block
05
Click Others

Enter the Others tab on the left panel.

Click Others
06
Add Custom Embed Code block

Click the Custom Embed Code on the blocks list.

Add Custom Embed Code block
07
Enter the Code window

Click the Edit Code button, on the new block you've added to the page.

Enter the Code window
08
Add the Code Snippets Embed Code

Now, in the Embed Code window on the left panel, simply paste the widget embed code you've copied before.

Add the Code Snippets Embed Code
09
Set the Save Preview on

Toggle the Save Preview button on, so you'll see the Code Snippets's content in the editor.

Set the Save Preview on