1. Home
  2. >
  3. customer service
  4. >
  5. 13 Cool Elements You Can Embed…

13 Cool Elements You Can Embed in Your My Sticky Elements Widget

If you are using the My Sticky Elements plug-in for WordPress, you probably know that you can add a customised contact form and social channels to your widget to allow an easy all-in-one communication solution.

However, did you know that you can also embed almost anything in the plug-in custom shortcode channel to further personalize your widget and make it more adequate to your audience?

Using iFrames is a great way to create a visually rich environment and further engage with your audience in various ways. For example, you can share a nice Spotify playlist that matches the tone of your website, promote your recent social media post to get it some extra love, squeeze in a language switcher or display a calendar so customers can book a time slot to connect with you and much more.

In this blog post we will spark your creativity with 13 cool ideas about elements you can embed in your My Sticky Elements widget to boost its performance.

#1. Embed a YouTube video 

In the digital era videos have proven to be an effective way of communication that can boost your marketing and overall website traffic, and embedding one in your My Sticky Elements widget will only take you a moment. All you have to do is open the YouTube video you want to embed, click on the ”Share” arrow button and then choose ”Embed”. You can select what second or minute from the video you want your embedded video to begin at, and further adjust the embed options. Then, simply copy the code and paste it in the My Sticky Elements custom shortcode channel settings. Below is how the end result may look like. Pretty fascinating, we would say.

Embedded YouTube video in My Sticky Elements
Example of how an embedded YouTube video may look like in your My Sticky Elements widget

#2. Embed a social media post

Sharing your latest or most-loved social media post or flyer on your website can get it some extra visibility. You can easily create flyers or posts using any online tools like PhotoADKing, Canva, Visme, etc. It is a win-win situation as that way you can also direct website visitors to your social media accounts, expanding your audience across multiple channels. You can embed a post or video from different well-known social media channels, such as Instagram or Facebook. To embed a Facebook post, navigate to your preferred post, click on the three dots to the right, select ”Embed” from the settings and choose if you want to include the full post (meaning comments and reactions included), and then paste the code in the My Sticky Elements custom shortcode channel settings. Embedding an Instagram post is similar – click on the three dots to the right of the post you want to embed, select ”Embed”, choose if you want to include the post caption as well, and copy-paste the code in the My Sticky Elements custom shortcode channel settings. The end result will look something like this:

Embedded Instagram or social media post in My Sticky Elements
Example of how an embedded social media post may look like in your My Sticky Elements widget

#3. Embed your Twitter timeline

Unlike most other social media channels that allow you to embed a single post only, if you are on Twitter, you can embed your entire timeline in your My Sticky Elements widget. To do this, open this page and add the URL of the account you want to embed in this format: https://twitter.com/yourusername, making sure to change the name so that it matches your Twitter username. Then, choose the ”Embedded timeline” option and copy-paste the code you will be displayed in the My Sticky Elements custom shortcode channel settings. The end result will look something like this – a well-structured, scrollable timeline view:

Embedded Twitter timeline in My Sticky Elements
Example of how an embedded Twitter timeline may look like in your My Sticky Elements widget

#4. Embed a Spotify playlist 

What we like most about this is that besides playing your favorite music playlist or album to set the mood for visitors scrolling on your website, you can also embed Spotify podcasts – thus sharing interesting topics or important information with your audience. Embedding any kind of Spotify content is easy – you just have to open Spotify, choose your preferred playlist, click on the three dots, select ”Share” and then ”Copy Embed Code”, adjust the element as per your needs and finally paste the code in the My Sticky Elements custom shortcode channel settings. The end result is pretty compact and good-looking.

Embedded Shopify playlist in My Sticky Elements
Example of how an embedded Shopify playlist may look like in your My Sticky Elements widget

#5. Embed the latest news or weather forecast

It may be handy to keep your audience up-to-date with the latest news on a subject or with the local weather forecast, and you can do this in a few quick clicks. What you need to do is paste the URL of the news page or forecast you want to embed on this page and copy-paste the code you will get in the My Sticky Elements custom shortcode channel settings. Insider tip: for a real-time interactive weather forecast map with air quality information included, you can check this website, and this is how the end result may look like:

Embedded weather forecast in My Sticky Elements
Example of how an embedded weather forecast map may look like in your My Sticky Elements widget

#6. Embed a calendar

You can share your Google calendar to display your schedule or an event, or embed an interactive calendar that allows your website visitors to book a time slot for a short meeting with you using third-party products such as Calendly or M.E. Calendar. In this post however we will cover how to embed a Google calendar. What you need to do is open your Google calendar on a computer (you won’t be able to get the embed code from the Google Calendar app), click on ”Settings” in the top right of the page, choose the calendar you want to embed from the sidebar of the page you will be redirected to, click on “Integrate calendar“, copy the embed code and paste it in your My Sticky Elements custom shortcode channel settings. It is important to remember your embedded calendar will only be visible to people you have shared your Google calendar with, so if you want all visitors to have access to it, you will need to make it public. If you want to allow site visitors to save a calendar event, you need to create or edit an event in a public calendar and copy the code displayed in the “Publish event” window. The end result may look something like this:

Embedded Google calendar in My Sticky Elements
Example of how an embedded calendar may look like in your My Sticky Elements widget

#7. Embed a Google Maps location

This could be an alternative to putting your location in writing or a solution for those who lack space for an entire map element on their site. To embed a Google Maps location, all you need to do is type the address you want to embed in Google Maps, click on the ”Share” button, select ”Embed a map” (you can even choose the embedded map size), and copy-paste the code in the My Sticky Elements custom shortcode channel settings. The end result will look something like this:

Embedded Google Maps location in My Sticky Elements
Example of how an embedded Google Maps location may look like in your My Sticky Elements widget

#8. Embed an image or a QR code

There are various reasons you may want to embed a custom image or a QR code to your widget, such as to provide extra information about a product or service on scan. First you need to make sure the image or QR code you want to embed is uploaded in your WordPress Media library. Then, simply click on the image to open it and copy the File URL. You can use this link to modify the element with custom width and height, making sure you paste your URL in place of the demo URL. Next, you have to copy-paste the iFrame code generated in the My Sticky Elements custom shortcode channel settings. The end result will look something like this:

Embedded image or QR code in My Sticky Elements
Example of how an embedded image may look like in your My Sticky Elements widget

#9. Embed a Poptin form

An alternative to the classic static subscribe forms on your website would be a ‘’sticky’’, expandable form embedded to your My Sticky Elements all-in-one widget. An easy way to set this up would be using Poptin, a beautiful form and popup maker product you can download for free from the WordPress repository. It’s important to keep in mind however that you can only embed a form, and not a popup. Once you create your Poptin form design, you will see a unique installation code that you can use to embed the form in your My Sticky Elements custom shortcode channel settings. For the full instructions on how to embed a Poptin form on your website, click here. Simply copy-paste your Poptin form installation code in the My Sticky Elements settings and you’re good to go – your embedded form will look something like this:

Embedded Poptin subscribe form in My Sticky Elements
Example of how an embedded form may look like in your My Sticky Elements widget

If you are looking for a more minimalistic and simple look of your header or footer areas, you may consider placing some otherwise important elements – such as a search bar, into your My Sticky Elements sidebar widget. You need to follow the steps in this article to generate a search bar shortcode for your website. Once the search bar shortcode is ready, to embed the search bar, simply add this piece of code (as per the search bar name in the article linked) in your My Sticky Elements custom shortcode channel settings:[wpbsearch]and the end result will look something like this:

Embedded search bar in My Sticky Elements
Example of how an embedded search bar may look like in your My Sticky Elements widget

#11. Embed a language switcher

Similar to the use case of the embedded search bar, for a neater look of your website you may wonder where you can place the language switcher on your website. A great alternative would be embedding the switcher in your My Sticky Elements widget. The process is really simple – depending on the multi-language plug-in you are using, you need to fetch the switcher shortcode and paste it in the My Sticky Elements custom shortcode channel settings. The result will look something like this:

Embedded language switcher in My Sticky Elements
Example of how an embedded language switcher may look like in your My Sticky Elements widget

#12. Embed social share icons

Natively, the My Sticky Elements plug-in is meant to redirect to a social media channel rather than offering a way to share content across social media channels. There, however, is a workaround to this by using a third-party free product called AddToAny. All you need to do is paste the code you can find here into the My Sticky Elements custom shortcode channel. Then, add the below CSS code in your WordPress dashboard > Appearance > Customize > CSS (or Additional CSS):

.a2a_kit{
width: auto !important;
}

The end result offers a classic social share style buttons, but if you want to spice up your look, you can take a look at the other AddToAny options here.

Embedded social share button layout in My Sticky Elements widget
Example of how an embedded social share button layout may look like in your My Sticky Elements widget

#13. Embed a .pdf document

You can embed a .pdf document to your My Sticky Elements widget so that your website visitors won’t miss an important document or piece of information, such as terms and conditions. To embed a document, use the below piece of code, making sure you change the yourlink.pdf example with the actual URL of your .pdf document.

<iframe src="https://docs.google.com/viewerng/viewer?url=http://yourlink.pdf&embedded=true" frameborder="0" height="500" width="500"> </iframe>

The end result may look like this:

Embedded pdf document in My Sticky Elements
Example of how an embedded .pdf document may look like in your My Sticky Elements widget

And that’s it. We hope you found this blog post informative and useful, and next time you work on a WordPress project, make sure you take some of these examples in consideration for an unusual end result your customers will love!