Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Embed form from another site on Squarespace


XianNewman

Question

Posted (edited)

Site URL: https://johnaldag2021.squarespace.com

Anyone up for a challenge? 

I have no idea if this can even be done.

I want to lift the Commit to Vote form on this site and embed it nicely (albeit on a transparent background not a red block) into this Squarespace site (password 'win').

Is this even possible?! 🤯 

Screen Shot 2021-05-27 at 12.18.27.png

Edited by XianNewman

8a. Side by side - Horizontal With Google Cloud (Squarespace Circle Profile).png

Rise Digital | Google Workspace Partners
We make companies more productive, with Google Workspace.
Let's connect on LinkedIn

Link to comment
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

  • 0

Hello,

To lift this from the website you provided, we can copy the "src" for the iframe and use it to generate your own widget. I used a online tool called "iframe generator".  Just place an embed block and insert the code. Then you can position it accordingly.

<iframe src="https://candidatecentral.liberal.ca/hero-voter-id/?riding_id=59007" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe>

Hope this helps,

-Dan

Link to comment
  • 0
29 minutes ago, Wolfsilon said:

Hello,

To lift this from the website you provided, we can copy the "src" for the iframe and use it to generate your own widget. I used a online tool called "iframe generator".  Just place an embed block and insert the code. Then you can position it accordingly.


<iframe src="https://candidatecentral.liberal.ca/hero-voter-id/?riding_id=59007" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe>

Hope this helps,

-Dan

That's amazing! I've never used a tool like that before.

Now that I've embedded it, can I customize the styling for my site only (i.e. change the colour of the text fields, field, text, button, button text? 

8a. Side by side - Horizontal With Google Cloud (Squarespace Circle Profile).png

Rise Digital | Google Workspace Partners
We make companies more productive, with Google Workspace.
Let's connect on LinkedIn

Link to comment
  • 0
Posted (edited)
16 hours ago, XianNewman said:

That's amazing! I've never used a tool like that before.

Now that I've embedded it, can I customize the styling for my site only (i.e. change the colour of the text fields, field, text, button, button text? 

You can't change style of elements inside iframe code from Squarespace.

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...