AI Website Builder
Pixel Together are constantly looking to grow and evolve. If you have any feedback or suggestions of ways we can improve our service, please let us know.
Explore the Pixel blog
So maybe you were feeling pretty stoked about building and designing a professional website without the need for code… until you realised there are still some scenarios that are not covered by a visual website builder like Pixel Together.
So, here are some examples of the most useful custom codes and how to use them in Pixel Together; from simple embedding through to more complex examples.
Co-founder @ Pixel Together
Tuesday 29th October 2019
1. Embedding the web on your site
Websites are no longer individual silos, the web is now vastly connected and most websites make use of some connected services, whether it be embedding a social media feed, a YouTube video or capturing email addresses via a Mailchimp subscription. Using the Pixel Together 'HTML Code' widget makes embedding 3rd parties easy. Simply drag on the widget, paste in the code from the 3rd party and the code is automatically validated and enabled on your website.
Here's a short video of how to quickly embed YouTube and Vimeo videos:
Adding a Facebook Pixel
'This might sound super techy if you’re not a coder but it’s simply a case of reading the instructions from the analytics or marketing tool and pasting the code straight into the right section under Site Settings => Advanced.'
watch this video
We all know how important the analytics that we can get from Facebook are, so here’s how to embed a Facebook pixel into your site.
Okay so here’s the level where you would need to know some basic CSS in order to add more advanced styling. Even though you can get all of the basic styling out of the box in the Pixel Together editor, there is the option to also add some custom CSS to a layer. You just add some custom CSS to a layer and then target it with CSS. Let’s take an example where I want to add a linear gradient background to a layer. I can add a “my-gradient” class to the layer where I want to add the gradient:
'Sometimes, you may want to create an entirely custom interaction.'
That’s it for now! If you have any requests on coding tips feel free to email me at
There are some really cool interactions already available on Pixel, like animations on scroll, hide/show sections and more... but there is still the option to create an entirely custom interaction. Here is an example from our own home page at
We wanted our floating “Get Started” button to only appear fixed to the right once the user scrolls past the 5th section. To do this, we wrote the following code, which sets the opacity of the button to 0 or 1 once the user has scrolled past that section. As it’s based on the section position and not a fixed number of pixels, this code works beautifully on all devices.
Full credit to on for providing the starting point for this code. So here it is, our own code direct from our home page - unlike most website builders, our own website is made 100% in Pixel Together!
Thursday 30th October 2019
Create your way - design and build custom websites without the need for code or restrictive templates. Get full creative control and confidence with securely hosted and auto SEO optimised sites, made by you.
ACN 603 213 010 20
Little Gore St