To hide the TypeForm link inside a link block in Webflow and implement a full-screen popup on a button press, you can make use of Webflow's interactions and custom code capabilities. Here's a step-by-step guide to achieve this:
1. Add a Link Block to your Webflow page by dragging and dropping it from the Elements panel.
2. Inside the Link Block, add a Button element. Customize the button to your liking, such as changing the text, styling, and positioning.
3. Select the Button element and go to the Interactions panel. Click the "+" button to create a new interaction.
4. Choose the "Mouse Click" trigger from the trigger dropdown menu.
5. Click the "+" button under "Affect Different Element" to choose the TypeForm link element that you want to hide and show as a full-screen popup. Adjust the display settings to set it initially hidden.
6. Under "Affect", choose the "Display" property and set it to "None". This will hide the TypeForm link.
7. Click the "+" button again under "Affect Different Element" and select the TypeForm link element. This time, adjust the display settings to set it as "Block" to make it visible.
8. In the Interactions panel, you can customize the animation and transition for how the TypeForm link appears as a full-screen popup. This can include fading in, scaling, or sliding in from different directions.
9. Save your changes and preview the page. When you click the Button element, it should trigger the interaction and display the TypeForm link as a full-screen popup.
10. (Optional) If you want to close the full-screen popup, you can add an additional interaction to the TypeForm link itself. For example, you can create another interaction with a "Mouse Click" trigger on the TypeForm link, and set the display property back to "None" to hide it.
To implement the TypeForm link within the full-screen popup, you can embed the TypeForm code snippet within an HTML Embed element. You can position and style the HTML Embed element to suit your design needs within the Link Block.
Note: It's important to ensure that you have the necessary permissions and licenses to embed and use TypeForm on your website.