How do I add this wordpress shortcode inside of the html attributes?

The original code is below. This is for a button from the siteorigin plugin. I pulled this code from the editor in the page.

<div id="panel-w5a557eacdec9f-0-0-1" class="so-panel widget widget_sow-
button panel-last-child" data-index="1" data-style="
{"id":"","class":""," 
widget_css":"","mobile_css":""," 
padding":"","mobile_padding":""," 
background":"","background_image_attachment":" 
0","background_display":"tile"," 
border_color":"","font_color":""," 
link_color":""}"
>[siteorigin_widget class="SiteOrigin_Widget_Button_Widget"]<input 
type="hidden" value="{"instance":{"text":"Join 
Team","url":"https://test.com/testing/?
level=5","button_icon"
:{"icon_selected":"fontawesome-
adjust","icon_color":false,"icon":0," 
so_field_container_state":"open"},"design":
{"width":false,"width_unit":"px",& 
quot;align":"center","theme":"atom",& 
quot;button_color":false,"text_color":false,"hover& 
quot;:true,"font":"default","font_size":" 
1.45","rounding":"0.25","padding": 
"1& quot;,"so_field_container_state":"open"},& 
quot;attributes":

I have a plugin call URLParams that takes a string from the url and adds it into this one. I need to insert this after the URL:

&<input type="text" name="email" [urlparam attr="value" param='Email']>
which would result in test.com/[email protected]

The urlparam plugin shortcode works, but it crashes the wordpress page on the backend, assuming I am inserting this wrong.

This is what I tried:

>[siteorigin_widget class="SiteOrigin_Widget_Button_Widget"]<input 
type="hidden" value="{"instance":{"text":"Join 
Team","url":"https://test.com/testing/?
level=5&<input type="text" name="email" [urlparam attr="value" 
param='Email']>","button_icon"

Help?