“Keep a part of all you earn. Save at least 10% of your income.” ~ The Richest Man in Babylon
The Second Law of Wealth
“Put your savings to work for you. Invest it so that it will multiply.” ~ The Richest Man in Babylon
Swan is the best way to accumulate Bitcoin with automatic recurring and instant buys using your bank account, or wires up to $10M. Join today to get $10 of free Bitcoin in your account.
On average Credit Cards cost you 15% annual interest. So if you have $1000 on your Credit Card you pay $150 extra, every year!
The Fourth Law of Wealth
“Don’t speculate in get-rich-quick schemes. Invest in solid businesses that you understand.” ~ The Richest Man in Babylon
So true, I remember when I was eighteen some older people I knew told me to put my money in some website that was suppose to turn a profit through travel ads or some bullshit. The site never did anything and I was down $400 USD. I didn’t understand that the only business model these people had was to take money from uneducated business kids like I was.
The Fifth Law of Wealth
“Invest in yourself. Gain knowledge and skills to increase your earning power.”~ The Richest Man in Babylon
If you between the ages of eighteen and twenty-eight your primary goal in life should be to absorb knowledge. Knowledge helps you recognize opportunities easier! Purchase books that other successful people recommend and take online courses that you can finish in a day. Check out my top three favorite sites for learning code.
The Sixth Law of Wealth
“Safeguard your growing fortune with diversification and insurance.”~ The Richest Man in Babylon
Gigfiliate for WordPress uses cookies to track affiliates and visits so referrals can be generated. This article explains why the cookies are important, and how you can see them in your browser when testing the system to check a visit has been created.
How they work
A cookie is a small piece of data which is stored in a user’s web browser when they visit a website. When a customer comes to your website via an affiliate referral link (i.e. yoursite.com/?ref=123), AffiliateWP stores two main browser cookies in order to track the referring affiliate, and the visit. Their names are:
gigfiliatewp_ref – this cookie stores the affiliate’s unique ID
gigfiliatewp_ref_username – this cookie stores the affiliate’s username
gigfiliatewp_ref_visit_id – this cookie stores the visit ID (the visit ID increments by 1, each time any referral link is used until the cookie expires or is deleted).
Gigfiliate for WordPress also stores a third cookie for affiliate campaign tracking, gigfiliatewp_campaign. This cookie will only be stored if an affiliate generates an affiliate referral URL with a campaign name from the Affiliate Area, and that link is clicked on by a customer.
When a customer clicks on an affiliate’s referral link, and these cookies are successfully generated, a visit will appear in Gigfiliate for WordPress’s Admin Visits screen. The cookies will then remain in the browser throughout the purchase or conversion process to track the correct affiliate so a referral can be generated for that affiliate. The cookies will also remain in the customer’s browser for a period of time specified by the site admin in the Gigfiliate WP » Settings » General » Referral Settings » Tracking Expiration setting, or until the customer clears their cookies (the default cookie expiration in the Gigfiliate WP » Settings » General » Referral Settings » Tracking Expiration setting is 30 days).
If these cookies are not visible in the browser when your site is visited via an affiliate referral link, a visit will not be generated (or, you may have enabled Fallback Referral Tracking). This is why it is important to test the system is working when you initially set up AffiliateWP.
Here’s how you can find the cookies in popular browsers to check if a visit has been stored correctly:
Firefox
Follow these steps to view the Gigfiliate WP cookies in Firefox:
Visit your product page or website via the affiliate referral link
Go to the Tools menu in the top menu bar, scroll down to “Web Developer” » and click on “Developer Toolbar”. This will display a toolbar at the bottom of your browser window
In the toolbar, type “cookie list” and press Enter/Return on your keyboard – this will display a list of the cookies on your website
Look for the affiliate ID cookie (i.e. gigfiliatewp_ref=123) and the visit ID cookie (i.e. gigfiliatewp_ref_visit_id=1). If the affiliate has created a campaign, the affwp_campaign cookie will also be visible.
Chrome
Follow these steps to view the AffiliateWP cookies in Chrome:
Visit the product page or website page via the affiliate referral link
Go to the View menu in the top menu bar
Go to the Developer option
Click on “Developer Tools”
In the “Application” tab, click on the “Cookies” drop-down menu in the “Storage” section on the left and click on the name of your website – the gigfiliatewp_ref and gigfiliatewp_ref_visit_id cookies should be visible there. If the affiliate has created a campaign, the gigfiliatewp_campaign cookie will also be visible.
Safari
Follow these steps to view the AffiliateWP cookies in Safari:
Visit the product page or website page via the affiliate referral link
Go to the Develop option in the top menu bar
Click on “Show Web Inspector”
In the “Storage” tab click on Cookies in the left navigation menu – the gigfiliatewp_ref and gigfiliatewp_ref_visit_id cookies should be visible there. If the affiliate has created a campaign, the gigfiliatewp_campaign cookie will also be visible.
Alongside each cookie name is a “value”. For the gigfiliatewp_ref cookie this value is the affiliate’s unique ID (i.e. 123), and for the gigfiliatewp_ref_visit_id cookie this is the visit ID. For the gigfiliatewp_campaign cookie, the value is the name of the campaign the affiliate is tracking (i.e. a “twitter”, or “facebook” campaign, etc.). These values can help you identify which affiliate is being tracked, and show you how many visits have been made to your website through affiliate referral links in total (all affiliate referral link visits are counted as one total).
Testing Gigfiliate for WordPress and clearing cookies
When testing Gigfiliate WP, if you have enabled the Fallback Referral Tracking, this essentially bypasses JavaScript (to avoid any existing JavaScript errors on your website) and tracks the affiliate and the visit using an alternate method. We recommend not enabling this feature unless instructed by support.
Also, to ensure the system is working correctly, you may need to clear your cookies.
Email is one of the best ways to engage with your audience. Therefore it’s never to early to begin building your brand’s email list. However the tasks of creating emails that render correctly in your reader’s inbox, regardless of what email client they’re using is not a straight forward task, until now.
In this tutorial I will show you how to create simple responsive HTML emails which will work in every email client, including all new smartphone mail clients and apps.
Listen to me mispronounce MJML with MGML for 10 minutes.
1:35 What is MJML?
2:12 Getting Started
3:31 Creating The Responsive Email
5:12 Converting MJML Into HTML
7:07 Uploading The Email Template
8:05 Bonus: Adding MJML Components
What is MJML?
MJML (Mail Jet Markup Language) is an open source framework that abstracts away the complexity of responsive email. The idea behind it is pretty simple. MJML abstracts the low-level ‘hacks’ for responsive emails with an easy syntax. MJML is responsive by design! No longer are responsive emails only accessible to a handful of experts.
Getting Started with MJML
Official getting started documentation here. You can install MJML on OSX, Linux and Windows using npm. Open up your terminal and run the npm install command forOSX.
sudo npm install -g mjml
Awesome now you have MJML installed.
Creating The Responsive Email Template
Let’s get a boilerplate for our new email template so we can get up and running fast! Get your MJML official boilerplate here. Click on the boilerplate template you want. Then copy the markup code from the editor.
Open up your favorite desktop editor and paste the markup code into your favorite text editor. I use Sublime Text 3. So even though this MJML markup looks like HTML your text editor doesn’t recognize it’s syntax, so fortunately Sublime Text 3 has a MJML Syntax package.
On OSX in your Sublime Text 3 editor, click on the application name in the top left next to the Apple logo, click preferences and select Package Control. When Package Control pops up type ‘install’, select the install package and type MJML then select the MJML package.
Example MJML boilerplate template:
<mjml version="3.3.3">
<mj-body>
<mj-container background-color="#F4F4F4" color="#55575d" font-family="Arial, sans-serif">
<mj-section background-color="#C1272D" background-repeat="repeat" padding="20px 0" text-align="center" vertical-align="top">
<mj-column>
<mj-image align="center" padding="10px 25px" src="http://gkq4.mjt.lu/img/gkq4/b/18rxz/1h3k4.png" width="128px"></mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" background-repeat="repeat" padding="20px 0" text-align="center" vertical-align="top">
<mj-column>
<mj-image align="center" padding="10px 25px" src="http://gkq4.mjt.lu/img/gkq4/b/18rxz/1h3s5.gif" width="600px"></mj-image>
<mj-image align="center" alt="Happy New Year!" container-background-color="#ffffff" padding="10px 25px" src="http://gkq4.mjt.lu/img/gkq4/b/18rxz/1hlvp.png" width="399px"></mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" background-repeat="repeat" background-size="auto" padding="20px 0px 20px 0px" text-align="center" vertical-align="top">
<mj-column>
<mj-text align="center" color="#55575d" font-family="Arial, sans-serif" font-size="14px" line-height="28px" padding="0px 25px 0px 25px">
New dreams, new hopes, new experiences and new joys, we wish you all the best for this New Year to come in 2018!
</mj-text>
<mj-image align="center" alt="Best wishes from all the Clothes Team!" padding="10px 25px" src="http://gkq4.mjt.lu/img/gkq4/b/18rxz/1hlv8.png" width="142px"></mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#C1272D" background-repeat="repeat" padding="20px 0" text-align="center" vertical-align="top">
<mj-column>
<mj-text align="center" color="#ffffff" font-family="Arial, sans-serif" font-size="13px" line-height="22px" padding="10px 25px">
Simply created on <a style="color:#ffffff" href="http://www.mailjet.com"><b>Mailjet Passport</b></a> Application
</mj-text>
</mj-column>
</mj-section>
<mj-section background-repeat="repeat" background-size="auto" padding="20px 0px 20px 0px" text-align="center" vertical-align="top">
<mj-column>
<mj-text align="center" color="#55575d" font-family="Arial, sans-serif" font-size="11px" line-height="22px" padding="0px 20px">
[[DELIVERY_INFO]]
</mj-text>
</mj-column>
</mj-section>
</mj-container>
</mj-body>
</mjml>
Great so now you have MJML code in your editor. Save this file as email-template.mjml anywhere you’d like I would suggest creaeting a folder on your Desktop called Email-Templates so the file is easy to find.
Converting the MJML into HTML
We are almost finished creating our responsive email template, but right now our MJML is unusable, email clients don’t understand MJML and this MJML needs to be compiled into HTML, we convert MJML into HTML with a simple terminal command, run this command.
Awesome now you’ve created your email-template.html
Upload Your Template to Your Favorite Email Marketing Platform
Congratulations now you have an awesome responsive email template using the power of NPM & MJML! You can now upload this email-template.html file to your favorite marketing platform like MailChimp.
Login to MailChimp. Go to templates. Click Create Template. Click Import HTML. Select email-template.html give it a title and you’re good to go!
Bonus: Add Awesome Components
You can see all the amazing things you can do with MJML by checking out their documentation. For example you can add a awesome carousel that can scroll through multiple images! I have never before seen this in an email builder, so it’s really exciting. Below is the markup code for a carousel, just replace the src attribute values with the images links you want.
I hope you enjoyed this short tutorial on how to make awesome responsive emails, if there is anything I left out or anything else you’d like me to cover please leave a comment below! Thanks.
