Indiegogo Embed

Indiegogo doesn't have oEmbed, which means you can't just paste in a URL and expect it to work on a WordPress site. And worse, their directions are "Use an iframe plugin!"

NO.

Just say NO to iframe plugins!

Use a shortcode instead!

If you're brand new to shortcodes, check out Sal Ferrarello's awesome post about it (I saw him talk at WC Philly 2017 and he's amazing). I'll give you the highlights for this one code though.

The Code

/*
 * Embed an IndieGoGo Campaign
 *
 * Usage: [indiegogo url="https://www.indiegogo.com/projects/riley-parra-season-2-lgbt"]
 *
 * Attributes:
 *		url: The URL of the project
 */
add_shortcode( 'indigogo', 'helf_indiegogo' );
function helf_indiegogo() {
	$attr = shortcode_atts( array(
		'url' => '',
	), $atts );
	
	$url    = esc_url( $attr['url'] );
	$url    = rtrim( $url, "#/");
	$url    = str_replace( 'projects/', 'project/', $url );
	$return =  '<iframe src="' . $url . '/embedded" width="222px" height="445px" frameborder="0" scrolling="no"></iframe>';

	return $return;
}

What It Does

The code is as basic as I could made it, and it takes the URL of the campaign, strips out the trailing hashtag, changes projects to project (singular – and yes, that gave me a headache), and punts out an iframe.

Thankfully they make this easy unlike places like CrowdRise where you have to magically know the ID number in order to pull this off.

Ipstenu (Mika Epstein)

I’m Mika (aka Ipstenu) and I’m complicated. I’ve been on the net since the days of dedicated terminals and Novation CAT modems and solved Missionaries and Cannibals (or Goats and Cabbages) before I was six, and blog about WordPress and technical/computer things at Half Elf on Tech.

See Full Bio