How to Embed CircuitLab Circuits in WordPress

How to Embed CircuitLab Circuits in WordPressWith EmbedPress, you can embed Circuitlab circuit to WordPress, using just a URL.

Circuitlab circuit embeds are possible, but they’re not easy to use via normal methods. EmbedPress is different. With EmbedPress, you don’t have to mess around with embed code. All you need is the Circuitlab circuit URL.

Here’s how to embed any Circuitlab circuit into your WordPress site, using the EmbedPress plugin.

Step #1. Install the EmbedPress Plugin #

EmbedPress is a very helpful plugin that expands and improves WordPress’s capabilities. Install EmbedPress and your WordPress site will become far more powerful. Click here to find EmbedPress on WordPress.org.

Step #2. Set Up Your Circuitlab Account #

  1. Register/Login to your Circuitlab account
    screenshot_3
  2. Once you are logged in, click the “Create new circuit” button on the top right.
    screenshot_1
  3. You will be taken to the Circuit Diagram editor where you can create & publish your circuit as per requirement.
  4. Once the circuit is saved & published, copy the circuit URL as shown below:
    Embed CircuitLab

Step #3. Embed CircuitLab & Publish Your Content #

Now you have the Circuitlab circuit URL, you can add it to WordPress.

  1. Go to your WordPress site.
  2. Edit a post or page that can be on Gutenberg Editor, Classic Editor, or Elementor Editor.
  3. Copy & Paste the link on your preferred editor and it will then automatically embed your content. 

Let’s get the complete guideline on how you can easily embed CircuitLab on your preferred editor below:  

Embed CircuitLab Circuits In Gutenberg Editor #

  1. Open up your WordPress Gutenberg Editor desired pages or posts.

Embed CircuitLab Circuits

2. Click the + icon in the top-left corner of the editing area.
3. Look for the EmbedPress block and paste the copied link of your Circuitlab circuit there.Embed CircuitLab Circuits

 4. Click the “Embed” button and you’ll now see your CircuitLab circuits link within a few moments on your Gutenberg editor. Embed CircuitLab Circuits

Embed CircuitLab Circuits In Classic Editor #

  1. Open up your preferred posts or page’s on WordPress Classic Editor

Embed CircuitLab Circuits

2. Add your Circuitlab circuit URL into the content area, with the “Visual” tab enabled.

3. You will see a purple background with a “Loading your embed” message. And within a few moments, your URL will automatically be transformed into an embed of your Circuit-lab circuit. Embed CircuitLab Circuits

While editing your WordPress content, you can also edit your embed, thanks to EmbedPress.

  1. Hover over the embed, and a purple button will appear.
  2. Click the pencil and a pop-up screen will appear with more options.

    Embed CircuitLab Circuits
  3. You can now change the embed URL, plus you can also control the maximum width and height of the embed.

Embed CircuitLab Circuits In Elementor Editor #

  1. Open up your Elementor Editor desired pages or posts. 
  2. Drag and drop the ‘EmbedPress’ element on your Elementor Editor.

Embed CircuitLab Circuits

3. Paste the copied link of your CircuitLab Circuits on the ‘Embed Link’ section. Within a moment it will embed the CircuitLab Circuits link on your editor. 

Embed CircuitLab Circuits

If you want you can customize the look of your CircuitLab Circuits with the ‘Style’ tab.Embed CircuitLab Circuits

With these simple steps, you can embed CircuitLab circuits link instantly into your WordPress website with EmbedPress using any of Gutenberg Editor, Classic Editor, or Elementor Editor.

If you are facing problems and require further assistance, feel free to contact our support or join our Facebook Community to get in touch with WordPress experts and content creators like yourself.

Powered by BetterDocs