Skip to Content

How to do the snapchat widget thing?

How to do the snapchat widget thing?

Snapchat widgets allow you to embed Snapchat content directly into a website or blog. They provide a simple way to showcase your Snapchat presence without requiring visitors to install the app or login. Snapchat currently offers two main types of widgets – a profile widget and a story widget. Using widgets can help drive traffic to your Snapchat account and keep your audience engaged.

What are the requirements for Snapchat widgets?

There are a few requirements in order to use Snapchat widgets on your site:

  • You need to have a business Snapchat account in order to access widgets.
  • Your account must be public, not private.
  • You’ll need the Snapchat widget URL for the specific widget you want to embed.
  • Your site needs to support embedding iframes or JavaScript.

As long as your Snapchat account and website meet these requirements, you can embed a Snapchat widget. The process is relatively simple and only takes a few minutes to set up.

How to find your Snapchat widget URL

To locate the widget URL, you’ll need to log into Snapchat for web from a desktop browser. Then follow these steps:

  1. Click your profile icon in the top left corner
  2. Select “Settings” from the drop down menu
  3. Click “Embed” on the left side menu
  4. Under the “Embed your Public Profile” section, click “Copy Widget URL”
  5. The URL will be copied to your clipboard

This profile widget URL can now be used to embed your Snapcode, profile info, and follow button onto any website.

Similarly, to find the widget URL for a public Snapchat story, go back to the Embed page and:

  1. Click the “Embed Stories” tab
  2. Select the story you want to embed
  3. Click “Copy Widget URL”

This will copy the URL for that specific story’s widget to your clipboard.

How to embed a Snapchat profile widget

Once you have the profile widget URL, embedding it is simple. Here are the steps:

  1. In your website code, choose where you want the widget to be displayed.
  2. Add an iframe element with the src attribute set to the widget URL.
  3. Set width and height attributes to size the iframe appropriately.

For example:

Adjust the width and height based on how you want the widget displayed. This will embed your Snapcode, Snapchat profile information, and follow button.

Customizing the profile widget

You have a few options to customize the profile widget once embedded:

  • Add ?button=false to the URL to hide the Follow button.
  • Add ?sc-color=000000 to specify the color of your Snapcode.
  • Use ?short=true to only show your username, not full name.

For example:

This would embed the profile widget without a Follow button and with a red Snapcode.

How to embed a Snapchat story widget

The process for embedding a Snapchat story widget is very similar:

  1. Copy the story widget URL from the Embed Stories tab.
  2. Paste it into an iframe src attribute.
  3. Customize width and height of the iframe.

For example:

This would display your Snapchat story in the embedded widget. You can customize options like:

  • story-bgcolor – Background color of widget
  • story-fgcolor – Color of text and controls
  • story-timestamp – Show timestamp of snaps

Refer to Snapchat’s Widget Documentation for all the customization options.

Best practices for using Snapchat widgets

Here are some best practices to consider when embedding Snapchat widgets:

  • Place widgets strategically on relevant pages – Think about your goal and where it will have the most impact.
  • Use widgets sparingly – Too many widgets can clutter your site’s design.
  • Keep widgets updated – Change the URL if you want to feature different stories over time.
  • Customize to match branding – Tweak colors and sizing to complement your overall aesthetic.
  • Add a call-to-action – Include text above or below the widget encouraging visitors to engage.
  • Track performance – Use analytics to see engagement and clicks to determine what works.

Other ways to showcase Snapchat

While widgets provide one easy option, here are some other ideas for showcasing Snapchat content:

  • Link to your Snapchat profile or username in website navigation or footers.
  • Feature Snapchat content in blogs posts or social galleries by embedding video or screenshots.
  • Promote your Snapchat QR code or username on business cards, packaging, receipts, etc.
  • Add a Snapchat follow button to your website using the Snapchat Follow button tool.
  • Show your Snap score and username in website headers or bios.

Conclusion

Snapchat widgets give you an easy way to showcase your brand’s Snapchat presence directly on your website. By embedding a profile or story widget, you can provide snapshots of your account’s content without making visitors install Snapchat. Just make sure your account is public, grab the widget URL from Snapchat’s website, and embed it strategically on relevant pages. With some customization and smart placement, Snapchat widgets can help drive more traffic to your Snapchat account and keep visitors engaged.