Generating Content in Elementor with OpenAI

What is OpenAI?

OpenAI Text Generation is a cutting edge machine learning technique for generating natural language text. It is based on the idea of learning a language model from a large amount of text data, and then using this model to generate new text.

OpenAI Text Generation has been used to generate realistic looking news articles, as well as poems and other pieces of writing. The potential applications of this technology are vast, and we are only just beginning to explore them.

How is OpenAI useful in relation Elementor Website Design?

When designing a website, it’s useful to have some content to design around – and frankly – Lorem Ipsum text – or the “off the cuff” things you come up with just doesn’t always cut it.

More realistic content generated by an Artificial Intelligence, gives an immediate and better feel for how the User Experience (UX) will be as visitors travel around the website.

It’s also a great boost to the overall impression that a web design client will have when a web designer shares a Staging or Demo Site, or a Web Design Proposal.

You may even use OpenAI to create areas of content that you just can’t find the right words for. The writing that OpenAI generates is natural, refined, and genuinely useful.

How is OpenAI integrated into Elementor?

Reddit User ‘elementoracle’ first shared their work with the Reddit Community on the 11th June 2022 along with the launch of their website: https://elementoracle.com/

This awesome person is a real pioneer, they took the initiative to integrate OpenAI requests into the Elementor Dynamic Tags function.

There’s previously been a way to use OpenAI via various other non-Elementor plugins, or directly via an OpenAI interface like: https://beta.openai.com/playground

Which is useful if you have writers-block, and happy to generate text somewhere outside of your Page Builder, and then copy and paste into your site. But having an integration into Elementor is going to improve workflow immensely.

How to us OpenAI in Elementor

Important Note: The Code and Implementation below is apparently in very rough “Proof of concept” stage. Use at your own risk.

1. Create an OpenAI Account and Obtain an API Key:

  • Go to the OpenAI website.
  • Click on the “Sign up” button in the top right-hand corner of the page.
  • Enter your email address and choose a password.
  • Click on the “Create account” button.
  • You will then be sent an email to confirm your account. Click on the link in the email to confirm your account and log in.
  • In your Account Screen You can View API Keys.

2. Install ElementOracle code

The Code is available via the elementoracle github: https://github.com/elementoracle/ai_content/tree/main/elementor-openai

You can click on “Code” then “Download ZIP” to retrieve a .zip file.

 

This can then be installed via your WordPress Dashboard > Plugins > Add New > Upload Plugin

3. Add OpenAI API to the Plugin Settings

Activate the Plugin, and find it’s settings WordPress Dashboard > Settings > OpenAI

Copy you API Key from your OpenAPI Account, and paste here.

4. Use the Dynamic Tag Function to Generate Content

Now inside your Elementor Page Builder, in whatever Widget generates text or images, you can use the Dynamic Tags function (The Soup Can), and select OpenAI

Now click on the Wrench Icon, and Type in your “Prompt”.

Then clicking anywhere outside of this prompt will generate the text.

What makes a good Prompt?

Use natural language, and descriptive instructions, as you would when speaking to a human content writer.

examples:

“Write a blog post title about renewable alternatives to packaging”

“Generate a blog post introduction about why energy saving hot water systems are important”

“write a testimonial from a happy customer who bought our leather shoes”

A Note about OpenAI Billing

OpenAI currently comes with a Free Trial, which is ample to have a good play with the things above, however, be aware that you will need to sign up for a payment plan to continue using OpenAI for ongoing “requests” once that dries up.

However, the Content to Cost ratio, is currently significantly lower than that of a professional copywriter, who you might want to save for the Production Website Content. It is also a huge time saver, and IMHO coming up with nice readable content is time you could spend on improving your website design.

Conclusion

This code implementation is currently a bit rough around the edges, but the proof of concept has me very excited for improvements that ElementOracle has around the corner. I hope that they continue their work on the plugin, and that it helps them find future successes.

If you don’t want to use the ElementorOracle Code Implementation, you can always use the OpenAI Playground (linked above) to generate content in a different tab :)

Share this article...

Facebook
Twitter
LinkedIn
Email

Related Articles...