How to use SVGator Plugin for WordPress
As WordPress doesn't allow to upload the SVG files that contain JavaScript, we developed our own plugin to make it easier to add your animations.
All you need to add an animated SVG to WordPress is this plugin. We have another page describing how to add an animated SVG to WordPress without using the plugin. Those methods are workarounds and may not work all the time. WordPress has a ton of custom themes, page builders, and other customizations that may interfere with our plugin. If the SVGator plugin doesn't work for you, you could still follow and use a method described on the page "How to Add Animated SVG to WordPress"
To use animated SVGs in WordPress , all you have to do is to install the plugin, login with SVGator , import your SVG, add your SVG on a page.
We'll go over these steps in more detail below.
1) Install the plugin
Go to your plugins section , click Add new and search for SVGator .
Next click Install now, and activate.
2) Find the SVGator section in your WordPress menu.
Enter the SVGator section and connect to your SVGator account.
Now you should see all your projects from your SVGator library.
(You can remove the access anytime by logging into app.svgator.com, Account settings, and in the 3rd party apps section just click delete.)
3) Add your project by clicking Import to media, the project will be exported with the saved export settings from SVGator. If the project or export settings are not modified you can export it multiple times and it will not add to your number of exports.
The project will appear in your WordPress media library.
4) To add the SVG on a page just add an SVGator block.
If you are using Elementor, you can find the SVGator block in the Elements tab under WORDPRESS elements.
Once you selected the SVGator block you will be prompted to select your SVG from the media library.
If the SVG is too big, just resize it using the resize controls around it.
All you have to do now is hit preview and enjoy your Animation.
More articles:
Add animated SVG to your website
Add animated SVG to Squarespace
Still got questions? Send us an email to contact@svgator.com and we will get back to you as soon as we can.