<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Themes &amp; Customisations KBs | zubbit.io</title>
	<atom:link href="https://docs.zubbit.io/category/themes-customisations/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.zubbit.io/category/themes-customisations/</link>
	<description>Knowledge Base</description>
	<lastBuildDate>Mon, 08 May 2023 14:25:16 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://docs.zubbit.io/wp-content/uploads/cropped-z-icon-v3-32x32.png</url>
	<title>Themes &amp; Customisations KBs | zubbit.io</title>
	<link>https://docs.zubbit.io/category/themes-customisations/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to Remove the Zubbit Branding</title>
		<link>https://docs.zubbit.io/how-to-remove-the-zubbit-branding/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:32:16 +0000</pubDate>
				<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[branding]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=213</guid>

					<description><![CDATA[<p>How to Remove the Zubbit Branding Not everyone wants to see our fun little zubbit.io logo on their call-to-action links. If that&#8217;s you, then we&#8217;ve put together this quick little guide to teach you how to hide the zubbit.io logo on your Zubbit call-to-action links: &#160; Follow these Simple Steps: 1) Click on the Profile option on the [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/how-to-remove-the-zubbit-branding/">How to Remove the Zubbit Branding</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>How to Remove the Zubbit Branding</h2>
<p>Not everyone wants to see our fun little zubbit.io logo on their call-to-action links. If that&#8217;s you, then we&#8217;ve put together this quick little guide to teach you how to hide the zubbit.io logo on your Zubbit call-to-action links:</p>
<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-336" src="https://docs.zubbit.io/wp-content/uploads/kb-branding.jpg" alt="" width="733" height="287" /></p>
<p>&nbsp;</p>
<h3>Follow these Simple Steps:</h3>
<p class="big"><b>1)</b> Click on the <strong>Profile </strong>option on the top right hand corner menu on your dashboard:</p>
<p><img decoding="async" class="alignnone size-full wp-image-338" src="https://docs.zubbit.io/wp-content/uploads/kb-profile.jpg" alt="" width="1024" height="215" /></p>
<p class="big"><b><br />
2)</b> You can now tick the Remove zubbit.io logo box to hide the logo or un-tick to show logo:</p>
<p><img decoding="async" class="alignnone size-full wp-image-339" src="https://docs.zubbit.io/wp-content/uploads/kb-profile-box.jpg" alt="" width="1024" height="543" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="big"><b>3)</b> Then press save and check one of your call-to-action links and the Zubbit branding should be gone.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-337" src="https://docs.zubbit.io/wp-content/uploads/kb-branding-gone.jpg" alt="" width="829" height="365" /></p>
<p>&nbsp;</p>
<p>DONE!</p>
<p>The post <a href="https://docs.zubbit.io/how-to-remove-the-zubbit-branding/">How to Remove the Zubbit Branding</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Use Custom Domains on Zubbit</title>
		<link>https://docs.zubbit.io/how-to-use-custom-domains-on-zubbit/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:28:27 +0000</pubDate>
				<category><![CDATA[Link Management]]></category>
		<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[custom domain]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=203</guid>

					<description><![CDATA[<p>How to Use Custom Domains on Zubbit You can easily use your own custom domain instead of the auto-generated one by simply adding it through the dashboard (please note this feature is not available on all subscriptions) and then updating a few DNS entries in your domain provider’s dashboard. This will turn your Zubbit Links from https://zubb.it/1a2b3c to https://yourdomain.com/1a2b3c [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/how-to-use-custom-domains-on-zubbit/">How to Use Custom Domains on Zubbit</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>How to Use Custom Domains on Zubbit</h2>
<p>You can easily use your own custom domain instead of the auto-generated one by simply adding it through the dashboard <i>(please note this feature is not available on all subscriptions)</i> and then updating a few DNS entries in your domain provider’s dashboard.</p>
<p>This will turn your Zubbit Links from <strong>https://zubb.it/1a2b3c</strong> to <strong>https://yourdomain.com/1a2b3c</strong></p>
<p>You can use your root domain or if you already have a website hosted then a subdomain can be used as well.</p>
<p>For this example, we’re going to be using the following domain – <strong>zubbit.org</strong></p>
<p>We will also set up a subdomain of <strong>subdomain.zubbit.org</strong> to show how you can do this if your root domain is already being used.</p>
<p>If you would like to use a custom domain, but don’t have one, you can <a href="https://fasthosts.com/domain-names" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external">buy one from</a> <a href="https://fasthosts.com/domain-names" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external">here!</a>.</p>
<h3>Follow these Simple Steps</h3>
<p><b>1) </b>From the dashboard click <strong>Custom Domains:</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-423" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-1.jpg" alt="" width="218" height="72" /></p>
<p>&nbsp;</p>
<p class="big"><b>2) </b>Click the <b>+ Create Custom Domain</b> button:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-424" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-2.jpg" alt="" width="429" height="90" /></p>
<p>&nbsp;</p>
<p class="big"><b>3) </b>Enter an <b>Alias </b>to identify this Custom Domain, in this example, we have entered <b>MyCustomDomain</b>. Next, enter your <strong>Custom Domain Name</strong>, for this example, we have entered <b>zubbit.org</b>. If you are already using your root domain you can create a subdomain instead, for example, <b>subdomain.zubbit.org:</b></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-425" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-3.jpg" alt="" width="750" height="292" /></p>
<p>&nbsp;</p>
<p class="big"><b>4) </b>Click <strong>Save</strong>:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-426" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-4.jpg" alt="" width="951" height="154" /></p>
<p>&nbsp;</p>
<p class="big"><b>5) </b>You need to head on over to your domain’s provider.</p>
<h3>Updaing Your Domains DNS to Point to zubb.it</h3>
<p class="big">For this example, we will use the domain provider <a href="https://fasthosts.com/domain-names" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external">Fasthosts</a>.</p>
<p class="big"><b>6) </b>Login to your Domain providers account.</p>
<p class="big"><b>7) </b>Locate your domain name, in this example <b>zubbit.org</b> and then click on <b>DNS</b>:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-427" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-5.jpg" alt="" width="1024" height="47" /></p>
<p>&nbsp;</p>
<p class="big"><b>8) </b>Update the <b>A</b> record as shown below so that the <b>A</b> record points to IP Address <b>109.228.55.211</b>:</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-497 size-full" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-new.jpg" alt="" width="1160" height="181" /></p>
<p>&nbsp;</p>
<p class="big">Your domain should work almost immediately but in some cases, it can take up to 24 hours to work.</p>
<h3>Using a Subdomain of Your Root Domain is Already Being Used</h3>
<p class="big">If your root domain is already being used (to point to your website for instance) then you can use a subdomain instead, in this example, we will use <b>subdomain.zubbit.org.</b></p>
<p class="big"><b>9) </b>Add a CNAME record of <b>subdomain</b> and point it to <b>zubb.it </b>as shown below:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-429" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-7.jpg" alt="" width="956" height="183" /></p>
<p>&nbsp;</p>
<p class="big">Your domain should work almost immediately but in some cases, it can take up to 24 hours to work.</p>
<h3>Using Your Custom Domain</h3>
<p class="big"><b>10) </b>When creating a new Zubbit Link all you need to do is pick the <strong>Customise</strong> <strong>tab</strong> and then select the custom domain you’ve set up. Easy!</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-430" src="https://docs.zubbit.io/wp-content/uploads/kb-domain-8.jpg" alt="" width="750" height="342" /></p>
<p>&nbsp;</p>
<p class="big"><b>11) This is Important! </b>If you require your custom domain to use <strong>https://</strong> you will be required to send us a ticket asking for your custom domain to be added to our SSL Certificate to avoid certificate errors within the browser.</p>
<p>YOU’RE CUSTOM DOMAIN SHOULD BE READY TO BE USED WITHIN 48 HOURS</p>
<p>The post <a href="https://docs.zubbit.io/how-to-use-custom-domains-on-zubbit/">How to Use Custom Domains on Zubbit</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Change the Colour of Your Theme</title>
		<link>https://docs.zubbit.io/how-to-change-the-colour-of-your-theme/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:25:41 +0000</pubDate>
				<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[theme]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=199</guid>

					<description><![CDATA[<p>How to Change the Colour of Your Theme As part of our really powerful theming engine on Zubbit, we wanted to make it really easy to select the colours to use on each element of your Zubbit themes. You may or may not know this but we&#8217;ve created three different ways of selecting your colours. [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/how-to-change-the-colour-of-your-theme/">How to Change the Colour of Your Theme</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2 class="column_attr clearfix align_left">How to Change the Colour of Your Theme</h2>
<p>As part of our really powerful theming engine on Zubbit, we wanted to make it really easy to select the colours to use on each element of your Zubbit themes.</p>
<p>You may or may not know this but we&#8217;ve created three different ways of selecting your colours. The first is to select your colour from our Zubbit Colour Picker as shown below:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-458" src="https://docs.zubbit.io/wp-content/uploads/kb-color-selector-1.jpg" alt="" width="197" height="232" /></p>
<p>If you know the exact colour hash code you can type it in and the selector will pick that colour for you.</p>
<p>But the third way is that we also support you typing in a colour word, so for example if I type in the word yellow the colour selector changes to yellow:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-459" src="https://docs.zubbit.io/wp-content/uploads/kb-color-selector-2.jpg" alt="" width="193" height="230" /></p>
<p><b>Is that awesome or what?</b></p>
<p>These are some more examples of different colour words we also support:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-460" src="https://docs.zubbit.io/wp-content/uploads/kb-color-selector-3.jpg" alt="" width="186" height="195" /> <img loading="lazy" decoding="async" class="alignnone size-full wp-image-461" src="https://docs.zubbit.io/wp-content/uploads/kb-color-selector-4.jpg" alt="" width="189" height="196" /> <img loading="lazy" decoding="async" class="alignnone size-full wp-image-462" src="https://docs.zubbit.io/wp-content/uploads/kb-color-selector-5.jpg" alt="" width="191" height="199" /></p>
<p><b>Have some fun with this!</b></p>
<p>This is a full list of all the different colour words we currently support:</p>
<p>aliceblue, antiquewhite, aqua, aquamarine, azure, beige, bisque, black, blanchedalmond, blue, blueviolet, brown, burlywood, cadetblue, chartreuse, chocolate, coral, cornflowerblue, cornsilk, crimson, cyan, darkblue, darkcyan, darkgoldenrod, darkgray, darkgreen, darkkhaki, darkmagenta, darkolivegreen, darkorange, darkorchid, darkred, darksalmon, darkseagreen, darkslateblue, darkslategray, darkturquoise, darkviolet, deeppink, deepskyblue, dimgray, dodgerblue, firebrick, floralwhite, forestgreen, fuchsia, gainsboro, ghostwhite, gold, goldenrod, gray, green, greenyellow, honeydew, hotpink, indianred, indigo, ivory, khaki, lavender, lavenderblush, lawngreen, lemonchiffon, lightblue, lightcoral, lightcyan, lightgoldenrodyellow, lightgrey, lightgreen, lightpink, lightsalmon, lightseagreen, lightskyblue, lightslategray, lightsteelblue, lightyellow, lime, limegreen, linen, magenta, maroon, mediumaquamarine, mediumblue, mediumorchid, mediumpurple, mediumseagreen, mediumslateblue, mediumspringgreen, mediumturquoise, mediumvioletred, midnightblue, mintcream, mistyrose, moccasin, navajowhite, navy, oldlace, olive, olivedrab, orange, orangered, orchid, palegoldenrod, palegreen, paleturquoise, palevioletred, papayawhip, peachpuff, peru, pink, plum, powderblue, purple, red, rosybrown, royalblue, saddlebrown, salmon, sandybrown, seagreen, seashell, sienna, silver, skyblue, slateblue, slategray, snow, springgreen, steelblue, tan, teal, thistle, tomato, turquoise, violet, wheat, white, whitesmoke, yellow, yellowgreen</p>
<p>The post <a href="https://docs.zubbit.io/how-to-change-the-colour-of-your-theme/">How to Change the Colour of Your Theme</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Create Your Own Theme</title>
		<link>https://docs.zubbit.io/how-to-create-your-own-theme/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:24:40 +0000</pubDate>
				<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[theme]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=197</guid>

					<description><![CDATA[<p>How to Create Your Own Theme Okay so you&#8217;ve had an introduction to Zubbit Call-to-Action theming, you&#8217;ve had a peak at our off the shelf library of themes. Now its time to build your own theme&#8230; Watch the Video and Build Your Own Zubbit Theme</p>
<p>The post <a href="https://docs.zubbit.io/how-to-create-your-own-theme/">How to Create Your Own Theme</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>How to Create Your Own Theme</h2>
<p>Okay so you&#8217;ve had an introduction to Zubbit Call-to-Action theming, you&#8217;ve had a peak at our off the shelf library of themes.</p>
<p><em>Now its time to build your own theme&#8230;</em></p>
<h3>Watch the Video and Build Your Own Zubbit Theme</h3>
<p><iframe loading="lazy" title="How to Create a zubbit Theme" width="500" height="281" src="https://www.youtube.com/embed/mNCI6elnKS8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>The post <a href="https://docs.zubbit.io/how-to-create-your-own-theme/">How to Create Your Own Theme</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Zubbit Themes Library</title>
		<link>https://docs.zubbit.io/the-zubbit-themes-library/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:21:06 +0000</pubDate>
				<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[themes library]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=195</guid>

					<description><![CDATA[<p>The Zubbit Themes Library Zubbit comes pre-loaded with a great Themes Library of Look and Feels you apply to your call-to-action links. To show you what they look like we&#8217;ve taken one of our Demonstration Call-to-Actions here for a case study campaign for the Courettes, and have applied each of the Library Themes so you [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/the-zubbit-themes-library/">The Zubbit Themes Library</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2 class="big">The Zubbit Themes Library</h2>
<p>Zubbit comes pre-loaded with a great Themes Library of Look and Feels you apply to your call-to-action links.</p>
<p>To show you what they look like we&#8217;ve taken one of our Demonstration Call-to-Actions here for a case study campaign for the Courettes, and have applied each of the Library Themes so you can get a taste of what they each look like.</p>
<p>When you create a call-to-action advert link and select themes then your own themes will get listed first with the theme library ones down the bottom of the list:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-441" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-1.jpg" alt="" width="765" height="644" /></p>
<p>Let&#8217;s look at those themes!</p>
<h3>CLUBHOUSE Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-442" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-2.jpg" alt="" width="611" height="155" /></p>
<h3>DEEPBLUE Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-443" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-3.jpg" alt="" width="569" height="153" /></p>
<h3>DEFAULT Theme</h3>
<p><strong>Note:</strong> This is our base default theme which is similar to what other platforms offer. But we offer so much more!</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-444" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-4.jpg" alt="" width="538" height="134" /></p>
<h3>LEAF Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-445" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-5.jpg" alt="" width="576" height="130" /></p>
<h3>PLANET Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-446" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-6.jpg" alt="" width="519" height="122" /></p>
<h3>REDHOT Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-447" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-7.jpg" alt="" width="621" height="145" /></p>
<h3>VINTAGE Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-448" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-8.jpg" alt="" width="637" height="142" /></p>
<h3>ZEBRA Theme</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-449" src="https://docs.zubbit.io/wp-content/uploads/kb-themes-9.jpg" alt="" width="614" height="138" /></p>
<p>The post <a href="https://docs.zubbit.io/the-zubbit-themes-library/">The Zubbit Themes Library</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>An Introduction to the Themes Engine</title>
		<link>https://docs.zubbit.io/an-introduction-to-the-themes-engine/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:19:54 +0000</pubDate>
				<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[theme engine]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=193</guid>

					<description><![CDATA[<p>An Introduction to the Themes Engine Zubbit&#8217;s Themes Engine is probably one of the most powerful tools of its kind. It lets you theme the look and feel of your Call-to-Action Adverts to exactly match your branding. With it you can create cool themes like this example: &#160; You can literally control every element of what [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/an-introduction-to-the-themes-engine/">An Introduction to the Themes Engine</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>An Introduction to the Themes Engine</h2>
<p>Zubbit&#8217;s Themes Engine is probably one of the most powerful tools of its kind. It lets you theme the look and feel of your Call-to-Action Adverts to exactly match your branding.</p>
<p>With it you can <a href="https://sp.zubbit.io/how-to-create-your-own-theme/" data-wpel-link="internal">create cool</a><a href="https://sp.zubbit.io/how-to-create-your-own-theme/" data-wpel-link="internal"> themes</a> like this example:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-434" src="https://docs.zubbit.io/wp-content/uploads/kb-theme-1.jpg" alt="" width="619" height="143" /></p>
<p>&nbsp;</p>
<p>You can literally control every element of what you are seeing from Fonts, Font Weights and use Bold and Italics. You can add borders and have them Solid, Dotted, Dashed and more. You can control all the colours and add all sorts of effects. Everything is controlled independently also so you can use one font and colour on a button and another on the body of the Call-to-Action, the list goes on and on.</p>
<p>Along with being able to <a href="https://sp.zubbit.io/how-to-create-your-own-theme/" data-wpel-link="internal">create your own themes</a>, Zubbit also comes pre-loaded with a <a href="https://sp.zubbit.io/the-zubbit-theming-library/" data-wpel-link="internal">Theme Library</a> which can use with lots of pre-loaded look and feels we&#8217;ve created for you to use off the shelf and for free:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-435" src="https://docs.zubbit.io/wp-content/uploads/kb-theme-2.jpg" alt="" width="1024" height="228" /></p>
<p>You can do so much with the Zubbit Themes Engine and make your Call-to-Action Adverts truly unique. There is no other tool out there that offers quite as much control and options.</p>
<p>Plus once you&#8217;ve created Links using a theme, you can change them at any point. So if you&#8217;ve shared thousands of links and decided to update your theme, you don&#8217;t need to revisit each Zubbit Link. You just change your theme and every link using that theme will auto-date to the new look at feel.</p>
<p>The post <a href="https://docs.zubbit.io/an-introduction-to-the-themes-engine/">An Introduction to the Themes Engine</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Add an Extra Line to Your Call-to-Action Advert</title>
		<link>https://docs.zubbit.io/how-to-add-an-extra-line-to-your-call-to-action-advert/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:16:49 +0000</pubDate>
				<category><![CDATA[Managing Call-to-Actions]]></category>
		<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[call-to-action]]></category>
		<category><![CDATA[line breaks]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=188</guid>

					<description><![CDATA[<p>How to Add an Extra Line to Your Call-to-Action Advert Some times just one line of text on your content on your Zubbit Call-to-Action&#8217;s just isn&#8217;t enough. Well unlike virtually every other Link Shortener out there, we&#8217;ve cracked it! YES&#8230;. We&#8217;ve come up with an easy neat way you can add line breaks into your [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/how-to-add-an-extra-line-to-your-call-to-action-advert/">How to Add an Extra Line to Your Call-to-Action Advert</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>How to Add an Extra Line to Your Call-to-Action Advert</h2>
<p>Some times just one line of text on your content on your Zubbit Call-to-Action&#8217;s just isn&#8217;t enough. Well unlike virtually every other Link Shortener out there, we&#8217;ve cracked it!</p>
<p>YES&#8230;.</p>
<p>We&#8217;ve come up with an easy neat way you can add line breaks into your text.</p>
<p>With this neat little trick you can now easily add a line break to any <strong>Brand Title</strong>, <strong>Call-to-Action message</strong> or <strong>Button Text</strong></p>
<p>To enable this extra line you simply just need to use the tag</p>
<pre>&lt;br&gt;</pre>
<p>between your two lines of text as shown on the <strong>Call-to-Action Tab</strong> below:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-387" src="https://docs.zubbit.io/wp-content/uploads/kb-add-line-break-1.jpg" alt="" width="750" height="473" /></p>
<p>&nbsp;</p>
<p>And also on the <strong>Branding Tab</strong>:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-388" src="https://docs.zubbit.io/wp-content/uploads/kb-add-line-break-2.jpg" alt="" width="750" height="518" /></p>
<p>This technique can be used on the following fields:</p>
<ul>
<li>Brand Title</li>
<li>Call-to-Action Message</li>
<li>Call-to-Action Button Text</li>
</ul>
<p>This is an example of all three fields using an extra line:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-389" src="https://docs.zubbit.io/wp-content/uploads/kb-add-line-break-3.jpg" alt="" width="754" height="281" /></p>
<p>&nbsp;</p>
<p>NEAT!</p>
<p>The post <a href="https://docs.zubbit.io/how-to-add-an-extra-line-to-your-call-to-action-advert/">How to Add an Extra Line to Your Call-to-Action Advert</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Use Custom CSS on Your Call-to-Action Adverts</title>
		<link>https://docs.zubbit.io/how-to-use-custom-css-on-your-call-to-action-adverts/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:15:51 +0000</pubDate>
				<category><![CDATA[Managing Call-to-Actions]]></category>
		<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[call-to-action]]></category>
		<category><![CDATA[custom css]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=186</guid>

					<description><![CDATA[<p>How to Use Custom CSS on Your Call-to-Action Adverts Beyond the great theming engine on Zubbit, we&#8217;ve given our customers the ability to add their own Custom CSS to their call-to-action adverts. In short custom CSS styles gives you the ability to change the style of individual words or characters which override the global design settings [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/how-to-use-custom-css-on-your-call-to-action-adverts/">How to Use Custom CSS on Your Call-to-Action Adverts</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2>How to Use Custom CSS on Your Call-to-Action Adverts</h2>
<p>Beyond the great theming engine on Zubbit, we&#8217;ve given our customers the ability to add their own Custom CSS to their call-to-action adverts.</p>
<p>In short custom CSS styles gives you the ability to change the style of individual words or characters which override the global design settings of the design selected.</p>
<p>Currently, there are three different styles which can be simply applied to any Call-to-Action Link &#8211; which are <strong>Bold</strong>, <em>Italics</em> and Underscore<em> (see below for a more advanced styling technique)</em>:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-401" src="https://docs.zubbit.io/wp-content/uploads/kb-custom-css-1.jpg" alt="" width="607" height="167" /></p>
<p>&nbsp;</p>
<p>Inline Custom CSS Styles can be applied to the following fields as shown in the example above:</p>
<ul>
<li>Brand Title</li>
<li>Call-to-Action Message</li>
<li>Call-to-Action Button Text</li>
</ul>
<h3>How do I Apply These Custom CSS Styles</h3>
<p>We use what&#8217;s known as HTML Tags which you simply surround the word or character with. At the current time only these HTML Tags below are supported:</p>
<pre>&lt;b&gt;&lt;/b&gt; (for <strong>Bold</strong> not no longer supported on IE)
&lt;i&gt;&lt;/i&gt; (for <em>Italics</em>)
&lt;u&gt;&lt;/u&gt; (for <span style="text-decoration: underline;">Underscore</span>)
&lt;span&gt;&lt;/span&gt; (used for applying any type of custom style you want using a format called CSS which stands for Cascading Style Sheet - see below for further details)</pre>
<p>&nbsp;</p>
<p>So to produce the brand title in the Call-to-Action Advert above we would type this into the Brand Title field:</p>
<pre>&lt;b&gt;BOLD&lt;/b&gt; - &lt;i&gt;ITALICS&lt;/i&gt; - &lt;u&gt;UNDERSCORE&lt;/u&gt;</pre>
<p>&nbsp;</p>
<p>So far we have only covered three different style types.</p>
<p>Lets now take a look at a more advanced styling technique below!</p>
<p>.<br />
.<br />
.</p>
<h3><u>WARNING THIS IS FOR EXPERIENCED USERS ONLY</u></h3>
<p>.<br />
.<br />
.</p>
<p>We also allow you to apply any supported CSS style you wish through the use of the following HTML Tag:</p>
<pre>&lt;span&gt;&lt;/span&gt;</pre>
<p>by setting the style directly yourself on the HTML Tag, for example I could do this:</p>
<pre>&lt;span style="color:red"&gt;RED&lt;/span&gt;</pre>
<p>which would display the word <span style="color: #ff0000;">RED </span>as the colour red.</p>
<p>We can supply as many CSS styles as we wish but each one needs to be separated by a semi-colon, for example:</p>
<pre>&lt;span style="color:red;font-size:25px;font-weight:700"&gt;RED&lt;/span&gt;</pre>
<p>which would display the word <span style="color: #ff0000;"><strong>RED</strong> </span>as the colour red using a font size of <strong>25</strong> pixels using a font weight of <strong>700</strong> which is the replacement for the</p>
<pre>&lt;b&gt;&lt;/b&gt;</pre>
<p>tag.</p>
<p>These are some of the most popular CSS styles you can use with your Call-to-Action Advert text:</p>
<ul>
<li><strong>background-color:</strong> <em>(enter a valid color name or color hex value like <strong>#ff0000</strong> for red)</em></li>
<li><strong>color:</strong> <em>(enter a valid color name or color hex value like <strong>#ff0000</strong> for red)</em></li>
<li><strong>font-size:</strong> <em>(enter a number followed by <strong>px</strong>)</em></li>
<li><strong>font-family:</strong> <em>(enter a valid font family i.e. <strong>Arial</strong>, <strong>Verdana</strong>, <strong>Courier New</strong>, <strong>Georgia, Impact </strong>etc.)</em></li>
<li><strong>font-style:</strong> <em>(enter one of these <strong>normal</strong>, <strong>italic</strong>, <strong>oblique</strong>)</em></li>
<li><strong>font-variant:</strong> <em>(enter one of these <strong>normal</strong>, <strong>small-caps</strong>)</em></li>
<li><strong>font-weight:</strong> <em>(enter a number from <strong>100</strong> to <strong>900</strong> increments of <strong>100</strong> i.e. <strong>700</strong> is the same as using <b></b>)</em></li>
<li><strong>letter-spacing:</strong> <em>(enter a number followed by <strong>px</strong>)</em></li>
<li><strong>text-decoration:</strong> <em>(enter one of these <strong>overline</strong>, <strong>line-through</strong>, <strong>underline</strong>)</em></li>
<li><strong>word-spacing:</strong> <em>(enter a number followed by <strong>px</strong>)</em></li>
</ul>
<p>These additional two have just been tested to work but are advanced styles which you will need to refer to external documentation on how to use them:</p>
<ul>
<li><strong>text-shadow:</strong> (click <a href="http://www.w3schools.com/cssref/css3_pr_text-shadow.asp" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external">here</a> for further details)</li>
<li><strong>transform:</strong> (click <a href="http://www.w3schools.com/cssref/css3_pr_transform.asp" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external">here</a> for further details)</li>
</ul>
<p>Bringing all these different inline custom styles together you can produce a Call-to-Action Advert which could look like this:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-402" src="https://docs.zubbit.io/wp-content/uploads/kb-custom-css-2.jpg" alt="" width="962" height="256" /></p>
<p>&nbsp;</p>
<p class="big">If you want to learn more about CSS and how to use other styles with your Call-to-Action Link text then refer to the <a href="http://www.w3schools.com/cssref/" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external">w3schools</a> website <a href="http://www.w3schools.com/cssref/" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external">here</a>.</p>
<p>The post <a href="https://docs.zubbit.io/how-to-use-custom-css-on-your-call-to-action-adverts/">How to Use Custom CSS on Your Call-to-Action Adverts</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Using Emoji&#8217;s on Zubbit</title>
		<link>https://docs.zubbit.io/using-emojis-on-zubbit/</link>
		
		<dc:creator><![CDATA[tcfadmin]]></dc:creator>
		<pubDate>Wed, 17 Feb 2021 21:14:06 +0000</pubDate>
				<category><![CDATA[Managing Call-to-Actions]]></category>
		<category><![CDATA[Themes & Customisations]]></category>
		<category><![CDATA[call-to-action]]></category>
		<category><![CDATA[emoji]]></category>
		<guid isPermaLink="false">http://docs.zubbit.io/?p=184</guid>

					<description><![CDATA[<p>Using Emoji&#8217;s on Zubbit One of the really fun things you can do with your Zubbit call-to-action adverts is use emojis&#8217;s to spice them up a bit. But it&#8217;s not just about fun, Emoji&#8217;s can drive in immense traffic if you use them in your messages. 30% of people use Emojis several times a single [&#8230;]</p>
<p>The post <a href="https://docs.zubbit.io/using-emojis-on-zubbit/">Using Emoji&#8217;s on Zubbit</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2 class="column_attr clearfix align_left">Using Emoji&#8217;s on Zubbit</h2>
<p>One of the really fun things you can do with your Zubbit call-to-action adverts is use emojis&#8217;s to spice them up a bit.</p>
<p>But it&#8217;s not just about fun, Emoji&#8217;s can drive in immense traffic if you use them in your messages. 30% of people use Emojis several times a single day.</p>
<p>It isn’t a surprise that emoji-based marketing campaigns have also increased by 777% year-over-year according to Appboy Study.</p>
<p>Twitter saw 25.4% more engagement using Emojis. In Facebook, the use of Emojis resulted in 57% more likes, 33% more comments, and 33% more shares. Things are no different in Instagram. 50% of all the comments and captions have Emojis.</p>
<p>You can use emoji&#8217;s on virtually every element of your call-to-actions:</p>
<ul>
<li>Brand Title</li>
<li>Call-to-Action Message</li>
<li>Call-to-Action Button Text</li>
</ul>
<p><a href="http://zubb.it/BZcMzV" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external"><img loading="lazy" decoding="async" class="scale-with-grid" title="" src="https://sp.zubbit.io/wp-content/uploads/cta_example_emoji_dominos3.png" alt="" width="587" height="155" /></a></p>
<p>They also work on all our call-to-action advert types. Here are a more fun examples:</p>
<p><a href="http://zubb.it/s3vy1H" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external"><img loading="lazy" decoding="async" class="scale-with-grid" title="" src="https://sp.zubbit.io/wp-content/uploads/cta-example-video-wide.png" alt="" width="520" height="490" /></a><br />
<a href="https://zubb.it/mQyU2X" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external"><img loading="lazy" decoding="async" class="scale-with-grid" title="" src="https://sp.zubbit.io/wp-content/uploads/video_example_vertical02-2.png" alt="" width="328" height="699" /> </a><a href="https://zubb.it/N0fDgH" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external"><img loading="lazy" decoding="async" class="scale-with-grid" title="" src="https://sp.zubbit.io/wp-content/uploads/video_example_vertical01.png" alt="" width="331" height="700" /></a></p>
<p>You can have a lot of fun with your Emoji&#8217;s but more importantly they will help increase your conversions.</p>
<p>For a good source of Emoji&#8217;s <a href="https://emojipedia.org/" target="_blank" rel="nofollow external noopener noreferrer" data-wpel-link="external">we use Emojipedia</a>.</p>
<p>HAVE FUN!</p>
<p>The post <a href="https://docs.zubbit.io/using-emojis-on-zubbit/">Using Emoji&#8217;s on Zubbit</a> appeared first on <a href="https://docs.zubbit.io">zubbit.io</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
