Here are some topics that may be of interest to you.
You can search manually using CTRL + F to find the keyword you are looking for.
- Logging into Piktochart
- Top Questions Related to the Magic Editor
- Basics: How to Piktochart
- Styles (previously known as Moods)
- Interactive: Charts
- Embedding Videos & Hyperlinking
- Output (Image and HTML Export)
These videos may be of great help to you – please view them!
Logging into Piktochart
1. How do I log in to magic.piktochart.com?
Please go to magic.piktochart.com
and you will have to option to sign in using Facebook or Google + or creating an email account.
2. Will you destroy our infographics on the older version of Piktochart?
No, we are planning to keep app.piktochart.com running for at least one year until March 2014. We however encourage all users to test out the magical capabilities of the new Piktochart!
3. Browser compatibility: Which browsers do you work best with?
4. Can I change my log in email?
You can do so if you are leaving the organization/changing the ownership of the account. To do this, we need an email from the original account, (for example [email protected]
). Also, cc: the same email to your new account (for example [email protected]
). Send this message to: support[at]piktochart[dot]com telling us that you would like to change to the new email address.
Top Questions Related to Magic, The New App
1. How do I copy and paste items into the canvas?
Please use the common keyboard short cuts, CTRL C (copy), CTRL X (cut), CTRL V (paste). For undo action, the shortcut is CTRL Z. You are unable to copy and paste items from one canvas to another.
2. I just logged on yesterday. Now all my files are gone/lost/destroyed. What do I do?
It is likely that you created your infographics on app.piktochart.com (the older version of piktochart) and then logged on today with magic.piktochart.com. To solve the problem, just go back to app.piktochart.com
3. Why can’t I change the color of the image?
Images have multiple color layers. If you changed the color, it will just appear as a flat “rectangle”. For that purpose, we have disabled it.
4. What are some cool usability tips?
The edit layout is very useful to move blocks around. Also try dragging across the screen to get a wide selection of icons and text together so that you can move them together as a block. You might also want to hold on to the SHIFT key as you resize an image or SVG as that keeps the proportions together.
5. Does the data of my infographic remain private?
According to our terms and conditions, Piktochart has the right to publicize your data as a free user. However, this only applies to the infographics that have been published via HTML. The infographics can be used in parts in Piktochart’s marketing/publicity efforts.
Basics: How to Piktochart
1. How to load a new theme?
Select one of the themes. You will be able to filter out the themes according to the categories.
2. How to load a saved Piktochart?
You can click on “My Saved Piktocharts” on the Dashboard or from within the app, click on your username on the top left and then select “My Saved Piktocharts.”
3. How to save/save as my infographic?
To do this, please click on the “Save” button on the top menu. Saving the infographic would mean that you are overwriting the file (without renaming it). If you would like to create 2 versions of the file, then “Save as” would bring you to create a new file (you will be prompted to name the file).
4. What is preview mode?
Preview mode allows you to check out the infographic without any of the editor on it. It provides a clear picture of what your infographic would look like.
5. How does auto-save work?
Users told us that if they accidentally closed the browser or if the power goes off while they are working, their work is lost. We implemented the auto-save precisely to help you recover your work if such an event occurs. To access your auto save, please follow step (2) above. It is always recommended that you save your work periodically.
1. How do I add more space in the middle of the infographic?
You can do so by either adding a new block, duplicating the current block or just dragging the bottom border of the block. You will find that you can add more space with any of them. The buttons to add new block is “+”, to delete is “-” and duplicate is the third button.
2. I would like to re-arrange the infographic. Can I move the contents around?
Sure, click to select the block that you are on. Then click on the “up” or “down” button in order to move the block around.
3. I would like to duplicate a section of the infographic. How can I do that?
You can do so by clicking on the block that you are on to select it and then the “duplicate” button which has a + symbol (the button in the middle).
4. How can I change background color
Please click on the background tab on the first button of the menu. Then you can either select a color from the hexa square or enter your own color code.
4. How do I zoom in and out of the canvas?
You can use the browser to zoom in and out of the canvas. Keyboard shortcuts are CTRL + (plus key) to zoom in and CTRL – (minus key) to zoom out.
1. What is the difference between Icons and Images?
Icons have one flat color while images can contain more than 1 color tone, textures, gradients. It is recommended to use icons because they do not lose resolutions when you drag them, increase their size. Otherwise it is likely that your output will be affected by blurry images. For SVGs (or icons), you are able to change the color.
2. How can I enlarge an image?
Please hold on to the SHIFT key on the keyboard as you drag the corners of the image in order to resize it. That enables the image to be larger on the infographic.
3. How do I upload an image?
Click on the upload image icon and you will be prompted to select a file from your desktop to upload.
4. How do I rotate an icon/image/text?
Click to select the graphic or text layer. Then a “white” dot will appear on top. If you drag that around, you will be able to rotate that layer.
5. How do I delete an uploaded image?
Click on the “x” on the uploaded image and you will delete the image. The limit for image uploads is 20 for free users and 200 for Pro users. Please note that when you delete an uploaded image, this image will disappear from the rest of your infographics as well.
6. Why can’t I move an item or change its color? (locked)
It is likely that the layer has been locked. It is locked to prevent you from accidentally moving items that are in the background together as you are editing.
1. How do I use the style?
Try clicking on each and every style and you will see the infographic transformed. This is available in most of the themes. However, some of them do not contain styles.
2. How do I customize the style?
For Pro users only, you are able to customize the styles. Select the style that you want to customize then click on Advanced settings. There you would be able to customize the header and body fonts of the style as well as the channels.
3. What is a channel?
You might notice that the styles change drastically.Each graphic (SVG) is assigned a channel. Some graphics are grouped under 1 channel. When you change the color of the channel, everything grouped in that channel changes color. Feel free to experiment. Remember to undo using CTRL + Z if you did not like the change
Interactive: Charts and Tabbing
1. How do I create a chart?
To create a chart, please go to “Tools” at the bottom menu and then drag and drop the “Bar chart” icon into the canvas. You will then see a spreadsheet like this pop up.
The full list of visualization according to the data points: 2 Data points (e.g. Year vs Sales) – Bar – Horizontal, Vertical, Stacked – Line – Area – Dot – Pie – Matrix – you can change the graphical format – men,women,dot – Gradient – you can change the graphical format – men,women,dot – Gauge – Donut – Swatch – Pyramid – Balloon 3 Data points (e.g. Year vs Sales vs Country) – Bar – Horizontal, Vertical, Stacked – Line – Area – Dot – Bubble There are several modifications you can work on, including changing the color of the Axis, hiding the legend, hiding the axis, smooth lines etc. Please note that the “hover effect” showing the numbers above each section of the data visualization will only apply if the HTML has been saved.
2. How do I modify the colors within the chart?
Click on ‘Advanced Settings’, it will then bring you to the next window. Select the Axis that you are trying to modify, then click on the hex color to change its color.
3. What format of CSV is accepted?
Your CSV chart needs to have header column and header rows.
4. How do I show legends?
You have to enable legends feature on. You are not allowed to change the color, position, font of the legend at the moment. You can access these settings by clicking on Advanced Settings in the Chart tool.
5. How do I show axis?
You have to enable axis feature on. Please refer to the following chart with axis. You can access these settings by clicking on Advanced Settings in the Chart tool.
6. How do I enable grid?
The feature is by default disabled. However, some users have requested for it and therefore it is now part of the charts. You can access these settings by clicking on Advanced Settings in the Chart tool.
7. What does “static value on image export” mean?
When you export as image, by default, static values do not show in export. With this option checked, you will be able to download a chart with all of the values of the charts. Please refer to the example below. You can access these settings by clicking on Advanced Settings in the Chart tool.
8. How do I modify chart title, axis labels?
You can do so by typing the title and labeling the axis labels. Some charts only have this feature (as the x and y axis do not appear for every type of chart.)
9. How do I modify font (type and size)in a chart?
We are sorry but the fonts within the charts cannot be modified. You can resize by dragging the chart to get the fonts to get bigger proportionately.
Embedding Videos & Hyperlinking
1. How do I embed video on Piktochart?
Click on the tools tab and then, embed video. Videos do not play when you are editing or previewing your infographic. They only play when you publish it as a HTML.
On that screen, you will be prompted to enter the entire URL of the Vimeo or Youtube video that you are trying to upload. When you insert the video, you can resize the video. The video does not play until you get to the preview button or you publish the video in a HTML.
2. How do I hyperlink on Piktochart?
Click on the object you would like to hyperlink on Piktochart. For example, try hyperlinking a text layer,or graphic. Insert the URL together with http:// so that the hyperlink would work. Hyperlinks will not work if you choose to export as JPEG or PNG.
Output (Image and HTML Export)
1. How do I export/save as a high resolution image?
Please save your infographic first. Next, click on the “publish” button.
At the screen selection, you can now choose what sort of resolution you need.
You will note that Pro users have a wider access to more resolutions.
In general, A4 is the most common size of paper. A3 is double of A4. A2 is double of A3.
Once you have selected the size, the image will “render” and this may take up to 60 seconds depending on your Internet connection and the size that you chose. For web purposes, we recommend clicking on the “web” button to allow faster loading. Please also note that you will need to add a .PNG or .JPEG extension to the file as you save it so that it can be viewed correctly. If download fails, you may want to try to right click and save as.
2. How do I export as HTML?
Please click on the teal/blue “Publish button. Once you have done so, you can select the Publish tab and then start sharing that link.
3. What is the meaning of publish and unpublish?
Publishing would allow the HTML version of your Piktochart to be visible.
3. How do I embed the HTML code into my website/blog?
To do so, please go to the “HTML or text” part of your website. For WordPress, this is called the “text” tab. Copy and paste the entire code into this portion and publish your website to see this. Different sites have different configurations. You may wish to contact your webmaster to find out but this is usually a very straight forward process.
4. After embedding the HTML code into my website, the fonts have changed! What happened?
We found that the HTML embed code could affect certain websites’ fonts due to individual configurations. If that happens to you, please report it to support[at]piktochart.com and we will highlight this to the developers so that they can take action.
5. How to download/export piktochart as an image in poster size?
Posters (especially above 12 x 16 inches) require high resolution softwares such as Photoshop and Illustrator. Because we are web based and not a desktop software, the images are exported to a good resolution but this depends on the images/fonts that have been resized/rotated etc. We have no immediate solution for this at the moment, but we are sticking with the international conventions of A4,A3,A2 (please refer to question 1 in this section).
1. What payment methods do you accept?
We are currently accepting all payments via Paypal (accepts most common credit cards without setting up a Paypal account) or 2Checkout.com (processes Visa and Mastercard).
2. How do I view the previous payments that I have made?
3. Can I get a receipt for the purchase I have made?
Paypal automatically issues a receipt for every transaction that has been made. We are adding a PDF invoice to every transaction viewable on magic.piktochart.com/profile
4. Can I switch from monthly Pro to annual Pro?
Yes you can. Please go to magic.piktochart.com/plans and then click on Annual Pro and that would cancel your recurring billing. Please note that it does not deduct the amount that you have previously signed up for (i.e. you will always be billed $169).
Troubleshooting Security & Migration to New App
1. How do you ensure that my data saved on Piktochart is secure?
We ensure that our developers follow the best case practice when saving/deleting data on the servers. There is no one apart from Piktochart’s team of developers who have access to the data (and even then, only when a user requests for troubleshooting). We also encrypt the data on the servers and AWS has a server uptime of 99%.
2. Will you stop creating new themes on the older version?
Yes, we will no longer be creating any new themes on app.piktochart.com. We are concentrating all our efforts on making the infographic creation process better.
3. How do I log onto the new version of Piktochart with my old Piktochart credentials?
If you are a Pro user, your email address has already been imported to the new database together with payment ID, expiry date of the Pro account etc. However, you are required to reset your password. This is how you can do it: Please click on the reset password link
and enter [email protected]
You will then receive an email and after resetting it, you can log on to your Piktochart as a Pro user. If you used Facebook/Twitter to log in previously, you can use the email address that is associated with your social network in order to “reset password” to access your Pro account. For example, if you have a Facebook ID that is associated with [email protected]
, please click on the reset password link
and enter [email protected]
You will then receive an email and after resetting it, you can log on to your Piktochart as a Pro user.