Author Archives: Heyme the happy admin

About Heyme the happy admin

Webdeveloper, musician,creator

Tracking visitor statistics with Google Analytics - Handmade In Europe Manuals

Google Analytics

A recent site speed and loading time analysis showed that the visitor statistic plugin I was using was taking up too much time to load, slowing down the site speed significantly, so I decided to look for an alternative.
Most recommended, with the most detailed statistics is the Google Analytics. Together with their Webmaster tools this is the a very powerful information gatherer, which you can use to analyze and modify your titles, descriptions and keywords to optimize your SEO.

What do you need to set up Google Analytics

  • A google mail account
  • Access to your files on the webserver OR (for locally installed wordpress)
  • Admin access to a plugin that can insert the Google Analytics code (I use the header & Footer plugin)

You can start here: Continue reading

Embed Youtube video and adapt code for mobile devices | Handmade in Europe Manuals

Embed YouTube video, and how to adjust video for mobiles

Our YouTube playlist with wordpress video manuals is slowly getting filled up nicely, but when you insert videos into your website you may have noticed that on mobile devices the videos shrink in width, but not in height. Luckily the latest CSS developments can take care of this 🙂

Embedding a YouTube video into your posts or pages in WordPress is (nearly) as easy as adding images. To ensure your YouTube video adapts the size to a mobile screen takes a few more steps, and some coding.

To embed a Youtube video you can watch the video below, to adjust the code for a responsive design please read the text under the video. Continue reading

Import your email in Gmail

Do you have a private email linked to your website, but don’t want to use different applications and mailboxes to check your email adresses?
Here’s how you can import your email in Google email, and use Gmail to send from that mailbox.
There is a maximum of 5 external email addresses you can add.

Open your Gmail, and go to settings (the wheel at the top right)

Import email address in Gmail | Handmade In Europe

Choose the Accounts and Import tab.

To import (receive mail from that mailbox) click on the ‘Add a POP3 mail account you own.
Fill in your mail address, and click next, you’ll get below screen:

Import mail (POP3) to Gmail |

Fill in the username, password and POP server to be used.
Other options are VERY handy:
-Leave copy on server. Means the mail will be available through webmail at all times, or can be imported to other server still. Not recommended because webmail boxes mostly have a limit, and will fill up quickly, better to import and save in Gmail.
-Alway use secure: if option is available: yes. You will have to change the port. Not always supported.
-Label incoming messages: recommended. You will instantly see what mailbox themessage was sent to.
-Archive: Unless you check your archive folders not recommended, you will not instantly see the new mail then.

Click ‘Add account’, and you’re done for the import!

To send mail using this account use the ‘Add another email address you own’ under Send mail

Import email address in Gmail | Handmade In Europe

Name is free to choose, and not your login. fill in email address, and uncheck alias, and go to next step.

Import email address in Gmail | Handmade In Europe

These settings can differ per provider, for Handmade In Europe sites we use SMTP port , with secured SSL settings. Click ‘Add Account’, and if all is correct you will be asked for a verification code, which will be sent to the e-mail address specified.
Check the email inbox for the verification code (I use webmail for this in a separate window so can leave the verify window open) , enter this in the window, and save.

Delay on incoming mails

Mind that Gmail checks every now and then, so incoming mails may seem to have a slight delay. After you added the email you can check when Gmail checked last, and force to check immediately.

Mail import, force Gmail to check directly | Handmade in Europe

And that’s it!

Basic dashboard settings | Handmade in Europe

Logging in and dashboard

Basic dashboard settings | Handmade in Europe

Log in to your dashboard using the URL given with your unique shop name, name & password.

  1. This shows your unique shop name
  2. This is where you can add products & posts, add coupon codes, and load photos to your library
  3. The sidebar gives all options on settings for your site
  4. You can verify the total space for your site, and what % has been used so far
  5. Any new comments waiting for approval are here, you can approve, mark as spam, or delete.
  6. On every page there is Help available, which gives you tips and links to the official WordPress help files.

You can view our video on how to get started on your dashboard, and how to navigate and find things there:

Do mind that you can change the view of your dashboard, this can vary depending on your settings. Also when plugins update you may get a different view, just hit the dashboard menu item again to see the standard view.
Also mind the little arrows next to the titles with which you can open or close the options.

SEO Search Engine Optimization plug-in

seoOn every page, post and product you’ll find a block for SEO, Search Engine Optimization. This is so you can tell Google what keywords are important, and how to display your title & description in their search results. It is totally optional and up to you whether you fill this in, or just leave it as it is, we do (very strongly) recommend using this though.

You can check the importance of using this SEO plugin on our POST ON SEO HERE , and for more practical examples on how to use these fields and fill in you can see our POST HERE.

If you want to check a visual explanation, please check our video:

Add and edit pages | Handmade in Europe

Editing your pages

Your pages and menu have already been set up for you, including an about you, blog & contact page.
All  pages you can change, including the title, the menu will then adapt automatically.
Note: Your shop and shop-pages are shop, cart, check-out and my account, and you should not rename these, as then your shop will no longer work!

Add and edit pages | Handmade in Europe

  1. To see all pages, hover over ‘Pages’ in the left bar, and choose ‘all pages’ or click op ‘Pages’
  2. You can instantly see if anybody left a comment on any page
  3. Hover over the page title to get the option to Edit, Quick Edit, remove or view the page directly
  4. As is mostly the case there is help available from the Help menu in the top right

Note: If you are logged in you will also have an Edit link at the bottom of the page when viewing, or at the black bar on top.
Add and edit pages | Handmade in Europe

  1. Title: You can change this if you like. The menu will change accordingly.
  2. Use these icons to mark up your text in the body. If you see only a single row use the toggle icon to show all. You can align text, make it bold, a different colour, add links… simply select a bit of text to mark up, and press the related icon to change the appearance.
  3. This is the body of the text. You can add photos, youtube video’s, links… and write about yourself.
  4. To add photos click ‘Add media’ to choose a photo from your library, or to upload a new item.
    See also next paragraph about adding media.
  5. Mind that you can change the status of your pages, products and posts. Here is where you can set them to draft, protect them with a password or set them to private. You can also schedule them to be automatically published on a later date or hour. After the first save you also have an option to see earlier versions, and to revert to these if needed.
  6. You can change the view of the page by choosing a different template here. Choices depend on your theme, and mostly will include a full page with no sidebars if you do not want to show these.
  7. When typing WordPress regularly saves automatically, but not the full page. Please do not forget to press the Update button regularly to save the page!
  8. If you do not see the images and text you might be in text-mode. This is where you can enter HTML code, like embed codes for you-tube video’s, or solve some small lay-out problems in case you have some coding knowledge.
    You can switch from visual to code view here. Sometimes wordpress switches automatically…

Tip: If you want to change an image in the text, just click on the image, a little bar with alignment options will open, and you can drag the corners to change size, or drag the image to another position.

Note: If you would like to have additional pages you can make these yourself, to add these to your menu please contact us and we’ll do this for you.

Create tiled gallery step 2 | Handmade in Europe Tips

Adding images and media


Adding images can be done from the library (from Media in the left menu), or when editing a page or a post with the ‘Add Media’ Button at the top.

See the video for a 5-minute overview, or read on below:

Adding media to posts and pages | Handmade in Europe

  1. There is a tab on top to show all items, or to upload new.
  2. The URL should stay unchanged, this is the link to the item. You can copy and past this link in a post or page though if you want to link again (very useful for documents). Title and such are optional, but can be used for searches later, and google finds you with this, recommended to fill in, and also the Alt Text.
  3. All items can be found here, select an item to show the properties on the right.
  4. Display settings: You can set default alignment (left or right from text, or none, which means text will not be next to file (can also be set different in individual posts).
    Link to will make the image a link, so when you click on it it will open just the image (I turned most off, set to none).
    Also size can be set. You can still change all options after you inserted an image in a page, just click on the image and a little bar will open above.
  5. Search box to locate images. If you give your images recognizable names you can quickly locate these with this.
  6. To create a photo gallery to insert in your posts and pages please see our insert photo gallery manual.

Notes: I do try to keep the image size low for faster loading. Preferred is 800px wide for most images. SEE HERE on how to compress, resize and watermark images in bulk.
You can link to external photos or documents using their URL.
You can insert video’s too, but this will quickly take up all your space on the site. Preferred is linking to YouTube video’s using the Embed Code, which can be inserted when being in Text mode on a page or post.

Add photos to tiled gallery | Handmade in Europe Tips

Adding a photo gallery


To add a photo gallery to your galley page you insert Media as you do in normal posts, but choose Create Gallery(1) from the top left.

Just click and select images you want to add(2), you can drag these around later still.
Click on Create Gallery (3) to add the gallery.

Adding a photo gallery | Handmade in EuropeOn the next page you’ll see your selected images.
On the top right you can set a few options. The Link to attachment page(1) means they will open in a big slider when clicked, you can set how many colums you want, this is maximum next to each other(2), and if you want them small, large or medium. The type is important here as this will determine the lay-out, you’ll have to view the page to see this working correctly, I recommend the Thumbnail grid.
Under the images you see a field to enter a caption, this will show up as a slider on the bottom of the photo when people hover over it.
You can add more photos with the Add to gallery(3), and don’t forget to save (4).


When done you can still add and edit the gallery. When you view the page in Edit mode and hover over the images a little icon will show up on top, the pencil bring you back to screen 2, the X will remove the gallery.

Check THIS POST for how to add a cool tiled photo gallery

Set up shipping | Handmade in Europe

WooCommerce settings, setting up your shop options

Before you add any items to your shop you’ll need to go through the WooCommerce Settings to set up your country, preferred photo sizes, and payment options.

Below is a video walk-through and explanations of the options and pages you will encounter. Mind that we have separate manuals for setting up your SHIPPING OPTIONS and for DOWNLOADABLE PRODUCTS.
There is screenshots and text explaining the set up under this video in case you need to re-read.

The WooCommerce settings:  start with setting up your preferences, tax and such.

  1. Start by hovering over the WooCommerce in the left menu on your dashboard, and choose Settings.
  2. You have different tabs on top, mind to save every page before you go to the next!
  3. Set up your country of residence and countries you like to sell to, default all countries are selected.
  4. Set up your preferred currency, and where you would like the currency symbol to appear, before or after the amount, and with or without a space. Only 1 single currency per shop are supported at the moment.
  5. Set up your 1000 and decimal separator. Some countries write 1.000,00, others 1,000.00. EU mostly uses the 1st.
    You can set the amount of numbers after the comma too. Usually this is 2.
  6. Frontend styles is the button colours and text colours on the buttons in your shop, like Basket, Checkout and such.
    Click on the colours to get a colour picker if you like to change the colours.

Don’t forget to save before going to the next tab!

WooCommerce Settings: Display of your products

  1. Mind the little link at the top, you also have your inventory (stock) options on a second page!
  2. Your Shop page is set up as Shop, best do not change this..
  3. You can set up your shop with different Categories and Subcategories, or simply show all your products without first displaying the categories.
    Categories for the products have already been set up, and are used to search and display all shops and display them on the front page, if you make different categories these will not be included there!
    If there is a need for more categories please contact us, and we will review your request.
  4. Your shop will have a drop-down for people to sort according to a few pre-sets, you can change the default here, this sorting is what people will see when they enter your shop.
  5. You can set up different metrics for your products. Only valid if you fill this in in a special box later, which will be displayed in the ‘additional info’ tab with your product. Advised is to mention dimensions in the product description.
  6. You can allow or disallow ratings and reviews on your products.
  7. This one is important to set up right from the start! Your shop has been set up to display photos with a default of  800px wide x 600px high, or any % of this.
    You can change this into 900 x 600, or 600 x 600, or really anything that fits your products, but do mind that if you have active products already and want to change the display you will have to reload the photos with the products after you changed here.
    If you have set it to 800 x 600, and load a 600 x 800 the photo in the shop will still display as 800 x 600, but on viewing the product the 600 x 800 will show fully.
    Always set the amount of pixels lower on this page as the actual photos you upload, as otherwise they will be stretched and look hazy.
  8. Your shop supports downloadable products. Default Method is to ‘Force Download’ meaning people have access to a download link right after paying, without seeing the URL to avoid sharing. The other options are not supported at the moment.
    You can force people to logon before buying so you have their identity in case of problems with the download.
    When people checkout with paypal the order will be ‘processing’, this sometimes can take a minute or so, but you can already grant access safely in most cases.

Don’t forget to save before going to inventory!

WooCommerce Settings: Stock options

  1. This option is found from the Products tab, with the link on top.
  2. You can enable or disable stock management, so people will not see how many of each you have, but will not be notified when running low or sold out.
  3. When people put things in their basket, but still browse for more you can already set the item to be 1 less. You can set the amount of minutes this will be displayed, default it will keep the item reserved for 1 hour.
  4. If you want to be notified of low stock and sold out items check these boxes.
  5. This is the E-mail addres where you will get your notifications.
  6. You can set the amount of items when notified here.
  7. If something sells out completely it will automatically disappear from your public shop unless you check this box. The product will still be available for you to edit or change.
  8. You can display how many items you still have of a product, this will ensure people cannot buy more than actually available.

WooCommerce Settings: Tax options.

  1. The first page is to enable the taxes, and how to display, the other links on top will enable you to set the specific rate for your country.
  2. Check this box to enable the calculations.
  3. If you want to set and display the price including tax (compulsory in the EU!) check the top.
  4. Here you can set up tax based on location. Mostly you need to use the ‘Shop base address’, which will be the country you are selling from.
  5. Here you can set the option to show shipping costs to your own country from the start (customer can change this herself when putting items in the basket), or choose no address, meaning no shipping costs will be displayed untill the customer picks her location.
  6. You can choose to display the tax on all products in the basket, or product per product.
  7. The tax will always be rounded up to the decimals set on the first page. Again you can choose to display per line, or on the total.
  8. The additional tax options will be displayed. Zero rate is good for B2B selling, and can be set up when people enter their VAT number. Standard is always active.
  9. You can enter any text after your price to show if price is inclusive or exclusive VAT.
  10. You can hide the Tax until the last moment. This is normal for the US, in the EU usually all tax is included and shown all the way.
  11. On the total invoice you can display tax per item, or the total.

Don’t forget to save, and to visit the links on top to set up your standard rate, and the other rates you wish to use.

WooCommerce Settings: Checkout options

Next tab is for the checkout options. This is where the money goes, please double-check everything!

  1. Again you have the main page to set up the options, and the separate pages to enter your specific payment information, don’t forget to visit these links after setting up this page!
  2. You can allow coupon codes for your shop (more on Coupon codes later)
  3. Enable guest check-out: people can order & pay without having to register for your site
  4. Secure check-out is not supported at the moment, but as soon as they go to PayPal the payment is fully secured by PayPal itself.
  5. Check-out pages: please don’t change these, these are the default pages set up for your shop.
    A default terms and agreements page has been set up for you including the EU rules, in which you just have to enter your address for return orders. Obligatory in the EU people have the right to return their product within 14 days from delivery, and you will have to refund them. If you don’t state the correct rules on the Terms and Agreements page this period will be extended to 1 year!
    People will be shown a link to your terms & agreements page when checking out, and are required to check a box that they read & accept these before they can check out.
  6. Checkout End points: Please don’t change these either.
  7. Here you can set the default payment method shown, and order the payment methods shown to the customers (just drag to the wished position). If the clock is shown next to the payment method it means this one is enabled.
    You can enable and disable the methods by selecting the Settings next to the payments and fill in the particulars, or by following the links to the payment methods at the top.
    Please save this page first before doing so!

WooCommerce Settings: Shipping Options


And next tab is for the shipping set up. I’ll go over the options here, but will further elaborate in the manual ‘Setting up shipping’ as you best create a few shipping profiles for different sizes/weight, and the explanation is quite long…

  1. There’s different shipping methods already included, which you can enable/disable on the different pages which you can get to using the links on top of the page, or next to the methods listed at the bottom.
  2. You can enable/disable shipping, and choose to display the calculator so customers can select their country and calculate the correct shipping.
  3. You can choose to have them select from a dropdown with shipping methods, or with radio buttons. The method with radio buttons enables the customer to see all available options at first glance.
  4. You can set the destination to either Shipping or Billing address. Shipping address is advised.
  5. You can restrict shipping to a self-made list of countries, or ship everywhere.
  6. You can drag and drop the methods to your liking so customers see your preferred method first.
    A clock at the status means this shipping method is enabled, and you can enable/disable the method by selecting the settings, where you also specify the rates.
    Only enable methods will display for the customer.

WooCommerce Settings: Accounts

  1. Your account page. Please don’t change!
  2. Account End-Points. Don’t change either, your shop will not function without these!
  3. Logged in customers will get their info automatically, for others you can choose on which pages or stage in their shopping they can register.
  4. Returning customers can be reminded on the checkout page.
  5. When people create an account you can use their email address as unique login (recommended), and you can generate the passwords automatically (will be mailed to e-mail address), or have them choose their own.

Nearly done!

WooCommerce Settings: Email options

  1. This tab controls the e-mails being sent out, which are nearly all automatic on ordering. Mind the last 2 links on top, this is where you can manually create an account for a customer in case they have problems registering, and reset their passwords for them.
  2. Fill in your Shop Name here, and the e-mail address you want the customers to see when they receive the mail.
  3. In case you want to personalize your mails you can add a header image to the mail. Please don’t use something very big for this..
  4. Your e-mail will end with this info. text only.
  5. You can change the default colours used in the mail here. Simply click on the blocks to be shown a colour picker.


That’s it, and now you can start adding products!

In case you have downloadable products as tutorials and downloadable prints please check here for the EU VAT set up.

Any shop has different needs, and my methods are specific to my shop. We’re happy to advice and help out if you can not figure these out by yourself, just contact us, and we’ll get in touch with you!

Adding or editing posts | Handmade in Europe

Publishing posts

Posts are the items that end up in your blog, last one on top, and work much the same as pages to edit, with a few added features as categories and tags, with which people (and Google!) can find them.

Adding or editing posts | Handmade in Europe

  1. To add or edit a post either hover over the ‘Post’ in the left bar to see all posts, or if you want to write a new post you can use the top +New as well. When you located the post to Edit (hover over the titles in the ‘All Posts’ window) you get screen on the left.
  2. This is your post title. It will display prominently bold.
  3. This are the icons to edit and mark up your text in the main body. These work just as any icons in a word document, just select the text you want to mark up, and hit the icon to make it bold, colour it, turn it into a header, or add or remove a hyperlink.
  4. You can add as many photos as you like, see previous paragraph on adding Media to posts.
  5. This is the text body and actual content. Add photos, drag them around for best placement, and write ahead!
  6. In case you see only text and funny characters make sure you are in Visual mode, and not Text mode, which can be used in case you have HTML knowledge, or would like to embed a youtube video code.
  7. This is different from pages: you can add posts to categories , even several different categories, a good way to sort them, and a handy way to have people look for categories they are interested in, these will show up in your sidebar, and when visitors select them they will only see posts in this category.
  8. Tag your posts here. Also very handy for visitors (And Google!) to find your content easily. Separate tags with a comma. You’ll see that it will suggest earlier used tags to you, and you can keep track on used tags and categories from the ‘Post’ item in the left menu on your dashboard.
  9. Don’t forget the Featured image! Easy to miss, being hid at the bottom right.. This is the image that will be displayed next to your post in the shortened version on you sidebar (when set), or on your blog page itself. The featured image can be totally different than any photo added in the body.
  10. Mind that you can change the status of your pages, products and posts. Here is where you can set them to draft, protect them with a password or set them to private. You can also schedule them to be automatically published on a later date or hour. After the first save you also have an option to see earlier versions, and to revert to these if needed, an excellent life saver sometimes!
  11. When typing WordPress regularly saves automatically, but not the full page. Please do not forget to press the Update button regularly to save the page!
  12. On most pages you have help available on the top right, which will give you more links to relevant documentation on making and publishing posts.