Wie finde ich die richtige Stelle für einen Code?

Hallo, ich habe hier zwei Codes für zwei Widgets, die ich gerne an meiner Fußzeile in meine Webseite einfügen möchte. Ich habe meinen Code bearbeitet und über eine halbe Stunde lang versucht kreuz und quer die Codes einzugeben, damit es eine richtige Stelle angezeigt wird. Leider wird es nicht angezeigt wo ich das haben möchte und ich habe keine Ahnung wie ich das jetzt machen kann. Deswegen melde ich mich hier um jemanden erfahrenen zu fragen, wie ich die Codes an der richtigen Stelle platzieren kann. Im Anhang findet ihr zwei Bilder, wo ich das gern haben möchte in der mobilen Version und in der DesktopVersion.

Link zum Shop bitte. Kannst du im Footer noch weitere Spalten hinzufügen mit dem Element HTML? Du musst die footer.liquid anpassen wenn du im Live-Theme unter “Anpassen” den Footer nicht mit Spalten erweitern kannst.