Integrate iframed form into wordpress site with identity server

wordpress iframe
embed external web page in wordpress
wordpress iframe not working
wordpress removes iframe code
responsive iframe wordpress
elementor iframe
iframe player wordpress
full page iframe wordpress

We currently have an Angular booking app that lets a customer login. When they click a login, they are redirected to a page on our identity server where the login. They are then redirected back to our app. What we would like to do is to iframe our app into a wordpress site and move the login functionality from the angular app to the wordpress site. Has anyone done anything like this? What do I need to do, as I'm not sure where to start. Looking for an example.

Xo for Angular can help facilitate an integration between your Angular App and WordPress providing an extendable API.

https://wordpress.org/plugins/xo-for-angular/

Instead of using an iframe your entire theme would be your Angular App, managed by WordPress. This includes features like dynamic routing, templates, and an API providing easy access to pages, posts, menus, options, and more.

Check out the example theme to get started: https://github.com/WarriorRocker/angular-xo-material

I am the author of the plugin and theme above.

Let me know if something like this would work for you, thanks!

Embedding an enrollment iframe on a WordPress site – Watchman , Some WordPress themes invite more of a challenge to embed enrollment form iframes. We will present a few options to help you in embedding your enrollment form iframe into your WordPress web site. <iframe id="enrollment- embed" Recent News · Provider Locator · Our Team · Security · Privacy  Just as there are various scenarios in which you might want to use an iFrame, there are multiple methods for implementing one. Below, we’ll explore three of the most common ways to add iFrames to your WordPress site. 1. Add iFrames in WordPress Manually. The basic code for adding an iFrame to a page is fairly simple.

Iframe cannot solve your purpose . To move the login functionality from the angular app to the wordpress site You need a custom plugin which can do External Logins for you. Its similar to Login via facebook google etc. Expose angular app to create api then call api from Wordpress for login .

How to embed WordPress iFrame: With and without using plugin, This guide provides a brief explanation on WordPress iFrame Uploading videos, images and such content on your servers fill up space To do this, simply take the URL of the page you want to embed, and use it as the source for the Tag The direct way of using Advanced iFrame is identical to using the  If you’re embedding an iframe with a page builder like Elementor you typically can just use their “html” block with the iframe code above. WordPress iFrame Embed Plugin. The best way to embed a WordPress iFrame is to use a plugin. The iFrame plugin on the WordPress.org repository will give you the best results. This plugin offers the same features as embedding an iFrame but is generated via a simple to use shortcode.

This is a really bad S.O. question! lol. My answer is that the question is in a flawed domain. You're asking a basic architecture question, not a technical one with a right or wrong answer.

Of course people have done something like this! This is a development "feature", and you should describe it in business terms, not technical terms. You will need to hire a developer to do this work. As Jin Thakur pointed out, you don't require an iFrame for this, so why are you asking about iFrames? Do you have an interest in iFrames, or do you have an interest in logging in your users? In Behavior Driven Development [BDD], we would create a feature using Gherkin, but you can use any business language you like.

Given that the site has an external login system.
And the users listed in the external login system are also tracted in the WordPress login system.
When a user logs into the external login system.
Then the user is re-directed to the WordPress site
And the re-direction URL contains a code that logs in the WordPress user.

What is iFrame? How to Embed iFrame in WordPress?, You should only embed an iframe code into your website if it is from a reliable source, and you are certain about the identity of the website. Sometimes hackers   Scroll through the source of your page/post and find the place where you would like your form inserted. Enter the following code: <iframe src="FORMBUILDER_ADDRESS" width="100%" height="400" ></iframe>. That is it — once you save your page/post, your form should how up inside of it.

How to Embed WordPress iFrame With or Without a Plugin in Simple , Learn how to add iFrame in WordPress using iFrame plugin. Now you've probably browsed thousands of websites with each using various forms of media like images, videos, Gifs your site without hosting the content on your servers, thereby saving width="100%" height="600" id="advanced_iframe" ]  Let’s see if adding an iFrame in WordPress without a plugin has a similar impact on the performance or not. Embed WordPress iFrame Without a Plugin. You don’t have to be a geek to write a simple code needed to add an iFrame to your WordPress site. If you have added HTML codes before, you will find this method simple to use.

Advanced iFrame – WordPress plugin, Add a css and js file to the parent page; Security code: You can only insert the shortcode with a valid security code from the administration. Many additional cool   How to embed iFrame in WordPress Without Plugin Embedding WordPress iFrame is easier than you imagine. The traditional way to do it is by using the HTML attributes <IFrame>.To do this, simply take the URL of the page you want to embed, and use it as the source for the Tag. Then, your code becomes:

WP-FormAssembly – WordPress plugin, Quickly embed FormAssembly web forms into your website with the FormAssembly WordPress Plugin! Use FormAssembly's all-in-one form builder and data  I have been unable to get the form to show in my Wordpress sidebar. The site is www.emilyhussey.com.au. I have posted the Embed code and also the iFrame code into the widget with no results. Not sure what to do next. I am linking to Mailchimp.

Comments
  • I don't think this is really applcable for me. We have multiple sales websites in Wordpress and we want to embed a booking app by iframing it into the wordpress sites. But we need to be able to login to identity server on the wordpress sites and have the iframed booking app recognise that the user has logged in, so the user can then access their previous bookings.
  • I am the developer. I created a booking application in Angular. Business wants that embedded in all sales websites. They don't want to redevelop the application in Wordpress. Therefore my thought was to allow users to login to identity server in the wordpress sales sties and have that login carry over to the iframed. app.
  • OK, well then you have to explain how your app handles logins. The process would be to use a "shortcode", which is just a function. Then the shortcode would output the iframe, and some kind of identifier to log in the user in your app. A shortcode is rendered after the user is logged in in WordPress, so you could just output the user's ID if that is simple enough.