Embedding Mashups on Blogger & WordPress

Yes, creating mashups, and sharing/embedding them, isn't the easiest thing to do. But we've tried to make this as easy as possible & we're continually working on improving the process- Thanks for your patience!!

You can embed a Ucubd mashup directly to your website/blog as long as your platform supports JavasScript widgets. One notable exception is the free WordPress which is very restrictive when it comes to embedding. However, embedding your mashup in Blogger is pretty straightforward.

Getting Your Embed Code

Once you've gone through the steps of creating a mashup the embed code is on the right side of the template where it says "EMBED":

You should copy this embed code since you'll need to paste it into the HTML of your blog/website. The "URL" link below the embed code is useful for sharing on social networks.

Note: To grab an embed code from a mashup simply click on the "websites" embed option at the bottom of a mashup. The embed code will be copied to your clipboard:

Embedding Ucubd Mashups on Blogger

To embed your mashup on Blogger, paste the mashup embed code into the "Edit HTML" option in the Blogger editor:

Thanks to recent improvements in Blogger Preview mode, your mashup should now show up if you want to preview your blog post:

In this case the mashup has a custom image representing it with the Ucubd play button in the middle. The custom image option is the last option on the scroll down menu of a mashup template.

Embedding Ucubd Mashups on WordPress

The WordPress embedding process is similar to Blogger as long you are using a self-hosted version of WordPress. Here's an example of embedding Ucubd mashups from our good friends at SaveFans! Paste the mashup embed code in the HTML view of your new blog post:

Do not preview your blog post as the WordPress preview option will actually damage & prevent your mashup from generating! 

When you hit the "Publish" button the mashup will generate in your new blog post:

Notice that the mashup doesn't include a custom image as previously described in the Blogger example. Instead the mashup takes a default background from the contents (YouTube & Twitter) of the mashup. You should chose the option- our default image or your custom image- that will best encourage user interaction.