By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Question How to add equations/latex in an Elementor page

J

Jujoss

New Member
Hello !

I'm really new with Elementor/WordPress and all of this so, I apologize if the question is common (I'm pretty sure it is but I didn't find informations on the web)

How can I add equations (I am used to write them in Latex) with Elementor ? Is there a plugin compatible with Elementor ?

Thanks a lot !
 
elementor official
Koni Kodes

Koni Kodes

Member
I'm not sure this will help, but in Text Editor the Secial Character will open.

1586044525005.png

If it doesn't let you do what you want, then create the formulas in a Google Doc and use the free (as far as I know) EmbedPress plugin.
 
elementor official
A

ajruggles

New Member
Thanks, Koni for replying!

No, the special character section won't help. I have to embed complicated equations, which is why I use Latex which can be visualized well on websites. I use MathType through Word, which lets me copy/paste equations as Latex into WP. Previously, I've used Jetpack to resolve the latex, but that doesn't work in the Elementor page builder.

The embed plugin you sent me sounds very interesting and may solve other issues that I am having. But I didn't see anything specific about Latex or equations, so I have sent the plugin developer a message asking for more information.

Amanda
 
elementor official
Koni Kodes

Koni Kodes

Member
Hi Amanda,
I am sorry I couldn't be of more help. I hope the author of the plugin can help.
Please let me know when it is up and running.
 
elementor official
F

F0rtran

New Member
Hello all,

I would like to design a website with elementor including math formulas.

With gutenberg editor i use the plugin "WP QuickLaTeX " allowing me to display math formulas by typing for instance this code in a paragraph :
$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $ .

How can i display a complex math formula with elementor ? Is there a compatible plugin ?

Thanks.

F0rtran
 
elementor official
sleepchemist

sleepchemist

New Member
I have been using MathJax 3.0 to render LaTeX code on my Elementor site without any problems. You can load it using a simple JavaScript, and use it like you would in LaTeX with maths delimiters. mathjax.org You can either load MathJax by using the MathJax wordpress plugin, or just add a script in your theme header.php file. I prefer the latter because it offers more versatility as to what packages I want to load and equation numbering etc. Let me know if I can be of more help! (You can see an example of my implementation at physicswithease .org/study-guides/introduction-to-vector-analysis-ch-1-curl-gradient-and-divergence/)
 
elementor official
Last edited:
sleepchemist

sleepchemist

New Member
Thanks, Koni for replying!

No, the special character section won't help. I have to embed complicated equations, which is why I use Latex which can be visualized well on websites. I use MathType through Word, which lets me copy/paste equations as Latex into WP. Previously, I've used Jetpack to resolve the latex, but that doesn't work in the Elementor page builder.

The embed plugin you sent me sounds very interesting and may solve other issues that I am having. But I didn't see anything specific about Latex or equations, so I have sent the plugin developer a message asking for more information.

Amanda
Hi Amanda,
To display maths on your wp site with elementor, I suggest using MathJax. Just go into your theme's header.php file under 'Customise->Theme Editor'. And add:
JavaScript:
<script>MathJax = {
    loader: {
    load: ['[tex]/physics']
  },
  tex: {
    packages: {'[+]': ['physics']},
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    tags: 'all',
    processEnvironments: true
  },
  svg: {
    fontCache: 'global'
  }
};
</script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-svg-full.js">
</script>
That's just the script I use, but you can customise it to suit your need by reading the documentation on MathJax's website. Hope this helps,

Patrick
 
elementor official
elementor official
Top