How to create an embedded code for wordpress shortcode?

Question

What I have done

I have a developed a custom WordPress plugin for displaying a custom calculator on my website. And regarding the same I have created a short-code for it which I am using to place it on any page of my website.

What I want to achieve

Now I want to create an embedded code for it so that by using that embedded code, we can place this calculator on any website. Means simply how we can create an embedded code for a short-code in WordPress.

I have an idea that we can achieve the same using iframe but still want some guidance on it.
Any help will be much appreciated.

if your code is at all dependent on the wordpress framework, it will most likely not be possible, unless you are sure that you have a framework agnostic plugin. — chiliNUT
– chiliNUT, Commented Jan 15, 2015 at 6:11
yes, plugin is developed as per WordPress plugin development standards and hence dependent on WordPress. — Jenis Patel
– Jenis Patel, Commented Jan 15, 2015 at 6:51
iframe is a good way, you can hide all other elements and it will look like a native calculator on the other sites, why not? — Slawa Eremin
– Slawa Eremin, Commented Jan 15, 2015 at 7:57

Jenis Patel · Accepted Answer · 2015-01-15 10:00:25Z

1

After analyzing the things, I have figured out that we can simply achieve it by following these steps :

1) Firstly create a WordPress page.

2) Create a separate custom page template for it and put the short-code there.

3) Remove the header (get_header) and footer (get_footer) from the page in case you want only the short-code content.

4) Create an embedded code which is basically a iframe tag having the permalink of that page as its source.

5) Provide this iframe tag/ embedded code to anyone who wants to display your WordPress short-code on their website.

Hope it helps someone else having the same requirements.

answered Jan 15, 2015 at 10:00

Jenis Patel

1,6211 gold badge13 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create an embedded code for wordpress shortcode?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related